Ticket #3988 - Artificer template (part 5): Author and meta in Timeline cards.

modules/boonex/artificer/data/template/bx_timeline/item_outline.html

@@ -11,7 +11,7 @@
                         </div>
                     </bx_repeat:notes>
                 </div>
-                <div class="__style_prefix__-in-divider  bx-def-hr mt-3 md:mt-4 lg:mt-4"></div>
+                <div class="__style_prefix__-in-divider  bx-def-hr mt-3 md:mt-4"></div>
             </bx_if:show_note>
             <div class="__style_prefix__-item-owner flex items-center px-3 md:px-4 mt-3 md:mt-4 __class_owner__"> 
                 <div class="__style_prefix__-owner-avatar flex-shrink-0">__item_owner_unit__</div>
@@ -21,7 +21,7 @@
                         <bx_if:show_owner_actions>
                             <span class="__style_prefix__-owner-actions bx-def-font-meta">
                                 <bx_repeat:owner_actions>
-                                    <span class="__style_prefix__-oa-div mr-1">&#183;</span><a class="__style_prefix__-owner-action" href="__href__" onclick="__onclick__" title="__title__"><i class="sys-icon __icon__"></i></a>
+                                    <span class="__style_prefix__-oa-div mr-1">&#183;</span><a class="__style_prefix__-owner-action hover:underline" href="__href__" onclick="__onclick__" title="__title__"><i class="sys-icon __icon__"></i></a>
                                 </bx_repeat:owner_actions>
                             </span>
                         </bx_if:show_owner_actions>
@@ -37,7 +37,7 @@
                                 <bx_if:show_timeline_owner>
                                     <span class="mr-1"><bx_text:_bx_timeline_txt_to /></span> 
                                     <span class="__style_prefix__-timeline-owner-name mr-1">
-                                        <bx_repeat:owners><span class="__style_prefix__-ton-div">, </span><a href="__owner_url__" class="__style_prefix__-ton-item">__owner_username__</a></bx_repeat:owners>
+                                        <bx_repeat:owners><span class="__style_prefix__-ton-div">, </span><a href="__owner_url__" class="__style_prefix__-ton-item text-blue-600 dark:text-blue-500 font-semibold hover:underline">__owner_username__</a></bx_repeat:owners>
                                     </span> 
                                 </bx_if:show_timeline_owner>
                             </div>

modules/boonex/artificer/data/template/bx_timeline/item_timeline.html

@@ -10,7 +10,7 @@
                     </div>
                 </bx_repeat:notes>
             </div>
-            <div class="__style_prefix__-in-divider bx-def-hr mt-3 md:mt-4 lg:mt-4"></div>
+            <div class="__style_prefix__-in-divider bx-def-hr mt-3 md:mt-4"></div>
         </bx_if:show_note>
         <div class="__style_prefix__-item-owner flex items-center px-3 md:px-4 mt-3 md:mt-4 __class_owner__"> 
             <div class="__style_prefix__-owner-avatar flex-shrink-0">__item_owner_unit__</div>
@@ -20,7 +20,7 @@
                     <bx_if:show_owner_actions>
                         <span class="__style_prefix__-owner-actions bx-def-font-meta">
                             <bx_repeat:owner_actions>
-                                <span class="__style_prefix__-oa-div mr-1">&#183;</span><a class="__style_prefix__-owner-action" href="__href__" onclick="__onclick__">__content__</a>
+                                <span class="__style_prefix__-oa-div mr-1">&#183;</span><a class="__style_prefix__-owner-action hover:underline" href="__href__" onclick="__onclick__">__content__</a>
                             </bx_repeat:owner_actions>
                         </span>
                     </bx_if:show_owner_actions>
@@ -36,7 +36,7 @@
                             <bx_if:show_timeline_owner>
                                 <span class="mr-1"><bx_text:_bx_timeline_txt_to /></span> 
                                 <span class="__style_prefix__-timeline-owner-name mr-1">
-                                    <bx_repeat:owners><span class="__style_prefix__-ton-div">, </span><a href="__owner_url__" class="__style_prefix__-ton-item">__owner_username__</a></bx_repeat:owners>
+                                    <bx_repeat:owners><span class="__style_prefix__-ton-div">, </span><a href="__owner_url__" class="__style_prefix__-ton-item text-blue-600 dark:text-blue-500 font-semibold hover:underline">__owner_username__</a></bx_repeat:owners>
                                 </span> 
                             </bx_if:show_timeline_owner>
                         </div>

modules/boonex/artificer/install/langs/en.xml

@@ -13,7 +13,7 @@
     <string name="_bx_artificer_stg_cpt_category_styles_custom"><![CDATA[Custom Styles]]></string>
     <string name="_bx_artificer_stg_cpt_option_styles_custom"><![CDATA[Custom Styles]]></string>
     <string name="_bx_artificer_stg_cpt_option_images_custom"><![CDATA[Custom Images]]></string>
-    <string name="_bx_artificer_stg_cpt_option_images_custom_inf"><![CDATA[Each line represents an image. Line format: <b>name</b> => <b>value</b> => <b>type</b> => <b>class</b><br />Where <b>type</b> and/or <b>class</b> may be omitted. Available types are <b>ic</b> - icon (Font Awesome), <b>im</b> - image (file name or URL), <b>sc</b> - source code (SVG).]]></string>
+    <string name="_bx_artificer_stg_cpt_option_images_custom_inf"><![CDATA[Each line represents an image. Line format: <b>name</b> => <b>value</b> => <b>type</b> => <b>class</b><br />Where <b>type</b> and/or <b>class</b> may be omitted. Available types are <b>ic</b> - icon (Font Awesome), <b>im</b> - image (file name or URL), <b>sc</b> - source code (SVG).<br />Don't forget to clear template cache (if it's enabled) to see the changes.]]></string>
 
     <!-- Pages -->
     <string name="_bx_artificer_page_block_title_splash"><![CDATA[Splash]]></string>

modules/boonex/timeline/template/item_outline.html

@@ -13,9 +13,9 @@
                 </div>
                 <div class="__style_prefix__-in-divider bx-def-hr bx-def-margin-sec-topbottom"></div>
             </bx_if:show_note>
-            <div class="__style_prefix__-item-owner bx-def-margin-leftright __class_owner__"> 
+            <div class="__style_prefix__-item-owner relative flex items-center mx-4 __class_owner__"> 
                 <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__item_owner_unit__</div>
-                <div class="__style_prefix__-owner-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+                <div class="__style_prefix__-owner-info bx-def-thumb-size-min-height flex-auto flex flex-col items-start justify-center min-w-0 pl-2 lg:pl-4">
                     <div class="__style_prefix__-owner-name bx-def-font-middle bx-def-font-grayed">
                         <a href="__item_owner_url__" class="__style_prefix__-owner-name" title="__item_owner_title__">__item_owner_name__</a>
                         <bx_if:show_owner_actions>

modules/boonex/timeline/template/item_timeline.html

@@ -12,9 +12,9 @@
             </div>
             <div class="__style_prefix__-in-divider bx-def-hr bx-def-margin-topbottom"></div>
         </bx_if:show_note>
-        <div class="__style_prefix__-item-owner bx-def-margin-leftright __class_owner__"> 
+        <div class="__style_prefix__-item-owner relative flex items-center mx-4 __class_owner__"> 
             <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__item_owner_unit__</div>
-            <div class="__style_prefix__-owner-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+            <div class="__style_prefix__-owner-info bx-def-thumb-size-min-height flex-auto flex flex-col items-start justify-center min-w-0 pl-2 lg:pl-4">
                 <div class="__style_prefix__-owner-name bx-def-font-middle bx-def-font-grayed">
                     <a href="__item_owner_url__" class="__style_prefix__-owner-name" title="__item_owner_title__">__item_owner_name__</a> 
                     <bx_if:show_owner_actions>

modules/boonex/timeline/template/type_post.html

@@ -1,56 +1,56 @@
 <bx_if:show_top_raw>
-    <div class="__style_prefix__-item-top-raw mt-3 lg:mt-4">__item_content_top_raw__</div>
+    <div class="__style_prefix__-item-top-raw mt-3 md:mt-4">__item_content_top_raw__</div>
 </bx_if:show_top_raw>
 <bx_if:show_images>
-    <div class="__style_prefix__-item-images __style_prefix__-ii-main __style_prefix__-ii-__display__ mt-3 lg:mt-4 rounded">
+    <div class="__style_prefix__-item-images __style_prefix__-ii-main __style_prefix__-ii-__display__ mt-3 md:mt-4 rounded">
         <bx_repeat:items>
             <div class="__style_prefix__-item-image flex-shrink-0 px-1 rounded overflow-hidden box-border">__item__</div>
         </bx_repeat:items>
     </div>
 </bx_if:show_images>
 <bx_if:show_videos>
-    <div class="__style_prefix__-item-videos __style_prefix__-iv-main __style_prefix__-iv-__display__ mx-1 mt-3 lg:mt-4 rounded">
+    <div class="__style_prefix__-item-videos __style_prefix__-iv-main __style_prefix__-iv-__display__ mx-1 mt-3 md:mt-4 rounded">
         <bx_repeat:items>
             <div class="__style_prefix__-item-video rounded">__item__</div>
         </bx_repeat:items>
     </div>
 </bx_if:show_videos>
 <bx_if:show_files>
-    <div class="__style_prefix__-item-files __style_prefix__-if-main __style_prefix__-if-__display__ mx-1 mt-3 lg:mt-4 rounded">
+    <div class="__style_prefix__-item-files __style_prefix__-if-main __style_prefix__-if-__display__ mx-1 mt-3 md:mt-4 rounded">
         <bx_repeat:items>
             <div class="__style_prefix__-item-file rounded">__item__</div>
         </bx_repeat:items>
     </div>
 </bx_if:show_files>
-<div class="__style_prefix__-item-text mt-3 lg:mt-4 mx-3 lg:mx-4">
+<div class="__style_prefix__-item-text mt-3 md:mt-4 mx-3 md:mx-4">
     <bx_if:show_title>
-        <div class="__style_prefix__-title mb-1 lg:mb-2 text-lg lg:text-xl font-semibold text-gray-700 dark:text-gray-300">__title__</div>
+        <div class="__style_prefix__-title mb-1 md:mb-2 text-lg lg:text-xl font-semibold text-gray-700 dark:text-gray-300">__title__</div>
     </bx_if:show_title>
     <bx_if:show_content>
         <div class="__style_prefix__-content bx-overflow-ready bx-def-vanilla-html relative mb-2 prose dark:prose-invert prose-sm max-w-none">__item_content__</div>
     </bx_if:show_content>
 </div>
 <bx_if:show_attachments>
-    <div class="__style_prefix__-item-attachments __style_prefix__-ia-__display__ __style_prefix__-ia-i__count__ mx-1 mt-3 lg:mt-4">
+    <div class="__style_prefix__-item-attachments __style_prefix__-ia-__display__ __style_prefix__-ia-i__count__ mx-1 mt-3 md:mt-4">
         <bx_repeat:items>
             <div class="__style_prefix__-item-attachment__class__">__item__</div>
         </bx_repeat:items>
     </div>
 </bx_if:show_attachments>
 <bx_if:show_links>
-    <div class="__style_prefix__-item-links px-3 lg:px-4">
+    <div class="__style_prefix__-item-links px-3 md:px-4">
         <bx_repeat:links>
-            <div class="__style_prefix__-item-link mt-3 lg:mt-4">__link__</div>
+            <div class="__style_prefix__-item-link mt-3 md:mt-4">__link__</div>
         </bx_repeat:links>
     </div>
 </bx_if:show_links>
 <bx_if:show_attachments_files>
-    <div class="__style_prefix__-item-attachments __style_prefix__-iaf-__display__ __style_prefix__-iaf-i__count__ mx-1 mt-3 lg:mt-4">
+    <div class="__style_prefix__-item-attachments __style_prefix__-iaf-__display__ __style_prefix__-iaf-i__count__ mx-1 mt-3 md:mt-4">
         <bx_repeat:items>
             <div class="__style_prefix__-item-attachment__class__">__item__</div>
         </bx_repeat:items>
     </div>
 </bx_if:show_attachments_files>
 <bx_if:show_raw>
-    <div class="__style_prefix__-item-raw px-3 lg:px-4 mt-3 lg:mt-4">__item_content_raw__</div>
+    <div class="__style_prefix__-item-raw px-3 md:px-4 mt-3 md:mt-4">__item_content_raw__</div>
 </bx_if:show_raw>