drop shadows

Author: earlduquesn

ff61a00ac32a8610c9bcbe2bb00131da/checksum.txt

@@ -1 +1 @@
-bChGLUXonyWjE8h-txMUWb-tZ06-S6GrsdvtAg3-bnHefa93DqLqF9lO42UeCgrre898oTIlirSWC2BsPiCDae5DgH9j1GP2k4gdekZpHztfCzfXubk8aK5YQG6EXyZk0BP21MqQvG8W0vArUjHsoWGf2Oa5qfGFbRL3AQD0hCTx47KpQVwpCnQ7QXNtdKUp_NaLUIGr3HuPXXME_P5wmE-iexBspPXa08czA0jzstx2zpCkXuMhRns9WygUEgExk7QB8dr-sGzo6h3NtXqvIET8Vt0I5Rvi1rKjMowBU4QeItT_YN9y-biSvUEZAl5G_n8OfIhBxtLVsoWIIQUJg3x0c7cLADZzdCe30N_LY_-Y6fOuLWp7aATvyIzcclifiDgoFOnffeYdPVZlbKoiy4-ZqGVVLTqQukYmgFtTzlpRlWJLl5A9HtiNvN124iEcMzU5FY5Wbkz_-_soSc9ToDZWT98fv0cEid8WF06rCyGqcGHlLQqY_0UB8hXTY18eRYsR7lhe8aJSPMdH2bu9FGDC1W2ZuaESLlaa5F-BqxTXcrTfj9FMNjuZdyMOy13n1Pl6k1b6sy-z-HOPqvkshe0OoPCeVCXSjlAqCmVXLGcqrrXVi1ACVXdwrbK1Z-zhi1h7TtIA5Z0l2BLdEOxpJ_5PaV-xNMCIRuj1vpwD0eU
+yt4eE0EwizFargtSDjphXbA_tflVq-dE9ZpCyXtbQCvezAquQ_NH41l0Fd_vAnZFGDvvP0TDN7EfFo0nTsNGlm5wbQ_VDypQfpQ0FHMkOd1RLRxmFoor19YHz9KX1-0Q27ipbMbn5SiS77ikUviuhdQArdzs90zxSUiqyweDxHsdq48S-7QaUOTQ9IKY9niV9VLXwhDqc0hcJz8ekbFo1fbTrWekfQrjYQMGyvCTESmMm6NZgJgss79iIv_43AvKS_KqPMFH4cceQ9ecEQ9tKg1mKXwRJtcjfz8zm9L0wrWVNVhBMi8jGow9oTtJqyQsx-eheVziss7xkM1lrOPiZQZOghGYVjEIcMv5RSml2ZWAMKRUJ6my0cbZQ2a49-b5mFNNu9XilK0BiccjGeD2Z1tWza-TRGgR4-VzJm4rWh56o_Dacs6UwLrsNSH_KJqLcQTOW-zjCOZC_fO_lMkbA4KzcxFTVZEYKPMsp59YA3eAUnh5XWCEdhkivN8DieTIQyf7S3ZE6VohbmMMfnKKCvwErrT3UBb2sw52sLOA5xU5Thm1D4sb56K2cld8x2Cd3OOduufE7EWjMIbfVsRnD2ty6mX4X86cEh9VytdRwvkWHhM2pk5GMLCrOuVf2b31cgutMUQBBwe1zL3Mmb7zAnW6RnxDVTUzWurV5ONaksk

ff61a00ac32a8610c9bcbe2bb00131da/update/sp_widget_0182c9d793ea0a10b653ffbd1dba10b1.xml

@@ -174,7 +174,7 @@ For example: [INPUT YOUR NAME HERE]`;*/
 }
 
 .prompt-block{
-  margin-bottom: 1rem;
+  margin-bottom: 1.5rem;
   //margin-left: 1rem;
   //margin-right: 1rem;
 }
@@ -341,6 +341,13 @@ For example: [INPUT YOUR NAME HERE]`;*/
 .ng-click-element:hover .hover-text {
   visibility: visible;
   opacity: 1;
+}
+
+.layered-box {
+  box-shadow: 0 1px 1px rgba(0,0,0,0.12), 
+              0 2px 2px rgba(0,0,0,0.12), 
+              0 4px 4px rgba(0,0,0,0.12), 
+              0 8px 8px rgba(0,0,0,0.12);
 }</css>
         <data_table>sp_instance</data_table>
         <demo_data/>
@@ -615,14 +622,14 @@ For example: [INPUT YOUR NAME HERE]`;*/
         <sys_created_by>earl.duque</sys_created_by>
         <sys_created_on>2024-06-07 18:15:31</sys_created_on>
         <sys_id>0182c9d793ea0a10b653ffbd1dba10b1</sys_id>
-        <sys_mod_count>740</sys_mod_count>
+        <sys_mod_count>771</sys_mod_count>
         <sys_name>library</sys_name>
         <sys_package display_value="ServiceNow GenAI Prompt Library" source="x_snc_ehd_servic_0">ff61a00ac32a8610c9bcbe2bb00131da</sys_package>
         <sys_policy/>
         <sys_scope display_value="ServiceNow GenAI Prompt Library">ff61a00ac32a8610c9bcbe2bb00131da</sys_scope>
         <sys_update_name>sp_widget_0182c9d793ea0a10b653ffbd1dba10b1</sys_update_name>
         <sys_updated_by>earl.duque</sys_updated_by>
-        <sys_updated_on>2024-06-28 17:39:43</sys_updated_on>
+        <sys_updated_on>2024-06-28 17:58:00</sys_updated_on>
         <template><![CDATA[<div class="page-intro">
   <div ng-if="data.query || data.sort">
     <span class="icon-home home-button" ng-click="c.goHome()"> Go to Library home</span>
@@ -658,7 +665,7 @@ For example: [INPUT YOUR NAME HERE]`;*/
         No submissions for this category. Be the first!
       </div>
       <div ng-repeat="prompt in data.prompts" class="prompt-block" ng-click="c.goToPrompt(prompt.sys_id)">
-        <div class="block-main">
+        <div class="block-main layered-box">
           <div class="author-block" >
             <span class="author-block-avatar"><sn-avatar class="avatar-medium" primary="prompt.opened_by"></sn-avatar></span>
             <div class="author-block-score">
@@ -697,6 +704,14 @@ For example: [INPUT YOUR NAME HERE]`;*/
                   {{prompt["number"]}}
                 </div>
               </div>
+              <div class="prompt-info">
+                <div class="prompt-info-header">
+                  Created on
+                </div>
+                <div class="prompt-info-detal">
+                  {{prompt.sys_created_on}}
+                </div>
+              </div>
             </div>
           </div>
           <div class="history" ng-if="prompt.parents.length > 0 || prompt.children.length > 0" ng-click="c.openHistory(prompt, $event)">
@@ -727,25 +742,25 @@ For example: [INPUT YOUR NAME HERE]`;*/
             <!--span class="icon-share engagement-button"></span-->
           </div>
         </div>
-        <div class="block-footer">
+        <!--div class="block-footer">
           <div class="date">
             {{prompt.sys_created_on}}
           </div>
-        </div>
+        </div-->
       </div>
     </div>
   </div>
   <div class="col-sm-3">
     <div class="section-block" ng-click="c.addPrompt({},false)">
-      <div class="block-main prompt-block submit-button" ng-if="data.loggedIn === true">
+      <div class="block-main prompt-block submit-button layered-box" ng-if="data.loggedIn === true">
         Submit a new prompt
       </div>
-      <div class="block-main prompt-block submit-button ng-click-element" ng-if="data.loggedIn === false">
+      <div class="block-main prompt-block submit-button layered-box ng-click-element" ng-if="data.loggedIn === false">
         Submit a new prompt<span class="hover-text">Login to submit</span>
       </div>
     </div>
     <div class="section-block">
-      <div class="block-main prompt-block">
+      <div class="block-main prompt-block layered-box">
         Filter by category:
         <ul>
           <li ng-repeat="category in data.categoriesList">
@@ -754,7 +769,7 @@ For example: [INPUT YOUR NAME HERE]`;*/
       </div>
     </div>
     <div class="section-block" ng-click="c.goToSort()" ng-if="!data.sort">
-      <div class="block-main prompt-block">
+      <div class="block-main prompt-block layered-box">
         Sort by top voted
       </div>
     </div>