Ticket #3780 - Check and correct fonts.

modules/base/general/template/context.html

@@ -2,8 +2,8 @@
     <div class="bx-def-unit-img">__author_unit__</div>
     <div class="bx-def-unit-info bx-def-thumb-size-min-height bx-def-thumb-size-max-height bx-def-thumb-size-left-indent">
         <div class="bx-def-unit-info-cnt bx-def-box-sizing">
-            <div class="bx-def-unit-line"><a class="bx-def-unit-info-title" href="__author_url__" title="__author_title_attr__">__author_title__</a></div>
-            <div class="bx-def-unit-line bx-def-font-grayed bx-def-font-small">__author_desc__</div> 
+            <div class="bx-def-unit-line bx-def-font-author"><a class="bx-def-unit-info-title" href="__author_url__" title="__author_title_attr__">__author_title__</a></div>
+            <div class="bx-def-unit-line bx-def-font-meta">__author_desc__</div> 
         </div>
     </div>
 </div>

modules/base/groups/template/unit_meta_item.html

@@ -1,13 +1,17 @@
 <bx_if:span>
     <span class="bx-base-profile-unit-meta-item px-1">
-        <span class="text-sm text-gray-500 dark:text-gray-400 __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span>
+        <span class="bx-def-font-meta __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span>
     </span>
 </bx_if:span>
 <bx_if:a>
-    <span class="bx-base-profile-unit-meta-item px-1"><a class="__class__ bx-def-a-colored" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a></span>
+    <span class="bx-base-profile-unit-meta-item px-1">
+        <a class="bx-def-font-meta bx-def-a-colored __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
+    </span>
 </bx_if:a>
 <bx_if:button>
-    <span class="bx-base-profile-unit-meta-item px-1"><a class="bx-btn __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a></span>
+    <span class="bx-base-profile-unit-meta-item px-1">
+        <a class="bx-btn __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
+    </span>
 </bx_if:button>
 <bx_if:sbutton>
     <span class="bx-base-profile-unit-meta-item px-1">

modules/base/profile/template/entry-text.html

@@ -1,3 +1 @@
-<div class="bx-base-profile-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img">
-    __entry_text__
-</div>
+<div class="bx-base-profile-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-def-vanilla-html prose">__entry_text__</div>

modules/base/profile/template/unit_meta_item.html

@@ -1,13 +1,13 @@
 <bx_if:span>
     <span class="__style_prefix__-div bx-def-font-grayed">&nbsp;&#183;&nbsp;</span>
     <span class="bx-base-profile-unit-meta-item">
-        <span class="bx-def-font-grayed text-sm __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span>
+        <span class="bx-def-font-meta __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span>
     </span>
 </bx_if:span>
 <bx_if:a>
     <span class="__style_prefix__-div bx-def-font-grayed">&nbsp;&#183;&nbsp;</span>
     <span class="bx-base-profile-unit-meta-item">
-        <a class="__class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
+        <a class="bx-def-font-meta __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
     </span>
 </bx_if:a>
 <bx_if:button>

modules/base/text/template/entry-text.html

@@ -6,12 +6,12 @@
         </div>
         __additional_code__
     </bx_if:show_image>
-    <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img">
+    <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-def-vanilla-html prose">
         <div class="bx-base-text-title-bages">
-            <div class="text-lg lg:text-xl font-semibold text-gray-700 dark:text-gray-300 mb-1 lg:mb-2">__entry_title__</div>
-            <div class="bx-base-bages-container">__badges__</div>
+            <h1>__entry_title__</h1>
+            <div class="bx-base-bages-container absolute flex -translate-y-5/4">__badges__</div>
         </div>
-        __entry_text__
+        <div class="bx-base-text-text ">__entry_text__</div>
     </div>
     <bx_if:show_links>
         <div class="__style_prefix__-item-links">

modules/boonex/artificer/data/template/bx_photos/entry-text.html

@@ -1 +0,0 @@
-__entry_text__

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

@@ -16,17 +16,17 @@
             <div class="__style_prefix__-item-owner flex items-center px-3 md:px-4 py-3 md:py-4 __class_owner__"> 
                 <div class="__style_prefix__-owner-avatar flex-shrink-0">__item_owner_unit__</div>
                 <div class="__style_prefix__-owner-info ml-3">
-                    <div class="__style_prefix__-owner-name flex flex-wrap text-sm text-gray-500 dark:text-gray-400">
-                        <a href="__item_owner_url__" class="__style_prefix__-owner-name mr-1 whitespace-nowrap text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white font-semibold" title="__item_owner_title__">__item_owner_name__</a>
+                    <div class="__style_prefix__-owner-name flex flex-wrap">
+                        <a href="__item_owner_url__" class="__style_prefix__-owner-name bx-def-font-author mr-1 hover:text-gray-900 dark:hover:text-white whitespace-nowrap" title="__item_owner_title__">__item_owner_name__</a>
                         <bx_if:show_owner_actions>
-                            <span class="__style_prefix__-owner-actions">
+                            <span class="__style_prefix__-owner-actions bx-def-font-meta">
                                 <bx_repeat:owner_actions>
-                                    <span class="__style_prefix__-oa-div">&#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" href="__href__" onclick="__onclick__" title="__title__"><i class="sys-icon __icon__"></i></a>
                                 </bx_repeat:owner_actions>
                             </span>
                         </bx_if:show_owner_actions>
                     </div>
-                    <div class="__style_prefix__-item-meta flex flex-wrap text-sm text-gray-500 dark:text-gray-400">
+                    <div class="__style_prefix__-item-meta bx-def-font-meta flex flex-wrap">
                         <bx_if:show_menu_item_meta>
                             <span class="__style_prefix__-meta mr-1">__meta__</span>
                         </bx_if:show_menu_item_meta>

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

@@ -15,17 +15,17 @@
         <div class="__style_prefix__-item-owner flex items-center px-3 md:px-4 py-3 md:py-4 __class_owner__"> 
             <div class="__style_prefix__-owner-avatar flex-shrink-0">__item_owner_unit__</div>
             <div class="__style_prefix__-owner-info ml-3">
-                <div class="__style_prefix__-owner-name flex flex-wrap text-sm text-gray-500 dark:text-gray-400">
-                    <a href="__item_owner_url__" class="__style_prefix__-owner-name mr-1 whitespace-nowrap text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white font-semibold" title="__item_owner_title__">__item_owner_name__</a> 
+                <div class="__style_prefix__-owner-name flex flex-wrap">
+                    <a href="__item_owner_url__" class="__style_prefix__-owner-name bx-def-font-author mr-1 hover:text-gray-900 dark:hover:text-white whitespace-nowrap" title="__item_owner_title__">__item_owner_name__</a> 
                     <bx_if:show_owner_actions>
-                        <span class="__style_prefix__-owner-actions">
+                        <span class="__style_prefix__-owner-actions bx-def-font-meta">
                             <bx_repeat:owner_actions>
-                                <span class="__style_prefix__-oa-div">&#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" href="__href__" onclick="__onclick__">__content__</a>
                             </bx_repeat:owner_actions>
                         </span>
                     </bx_if:show_owner_actions>
                 </div>
-                <div class="__style_prefix__-item-meta flex flex-wrap text-sm text-gray-500 dark:text-gray-400">
+                <div class="__style_prefix__-item-meta bx-def-font-meta flex flex-wrap">
                     <bx_if:show_menu_item_meta>
                         <span class="__style_prefix__-meta mr-1">__meta__</span>
                     </bx_if:show_menu_item_meta>

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

@@ -27,7 +27,7 @@
         <div class="__style_prefix__-title text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-300 dark:group-hover:text-white mb-1 lg:mb-2 ">__title__</div>
     </bx_if:show_title>
     <bx_if:show_content>
-        <div class="__style_prefix__-content relative bx-overflow-ready text-sm lg:text-base text-gray-500 group-hover:text-gray-600 dark:text-gray-400 dark:group-hover:text-gray-300 mb-2">__item_content__</div>
+        <div class="__style_prefix__-content bx-overflow-ready bx-def-vanilla-html relative mb-2 prose prose-sm">__item_content__</div>
     </bx_if:show_content>
 </div>
 <bx_if:show_attachments>

modules/boonex/artificer/data/template/bx_videos/entry-text.html

@@ -1,9 +0,0 @@
-<div class="bx-content-description-before">__content_description_before__</div>
-<div class="bx-content-description">
-    <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-videos-entity-video">
-        <p class="text-center">__entry_video__</p>
-        <div class="mt-4 text-lg lg:text-xl font-semibold text-gray-700 dark:text-gray-300">__entry_title__</div>
-        __entry_text__
-    </div>
-</div>
-<div class="bx-content-description-after">__content_description_after__</div>

modules/boonex/artificer/data/template/mod_text/author.html

@@ -3,8 +3,8 @@
         <div class="bx-def-unit-img">__author_unit__</div>
         <div class="bx-def-unit-info ml-4">
             <div class="bx-def-unit-info-cnt bx-def-box-sizing">
-                <div class="bx-def-unit-line"><a class="bx-def-unit-info-title" href="__author_url__" title="__author_title_attr__">__author_title__</a></div>
-                <div class="bx-def-unit-line bx-def-font-grayed bx-def-font-small">__author_desc__</div>
+                <div class="bx-def-unit-line bx-def-font-author"><a class="bx-def-unit-info-title" href="__author_url__" title="__author_title_attr__">__author_title__</a></div>
+                <div class="bx-def-unit-line bx-def-font-meta">__author_desc__</div>
             </div>
         </div>
     </div>

modules/boonex/artificer/data/template/system/author.html

@@ -3,8 +3,8 @@
         <div class="bx-def-unit-img">__author_unit__</div>
         <div class="bx-def-unit-info ml-4">
             <div class="bx-def-unit-info-cnt bx-def-box-sizing">
-                <div class="bx-def-unit-line"><a class="bx-def-unit-info-title" href="__author_url__" title="__author_title_attr__">__author_title__</a></div>
-                <div class="bx-def-unit-line bx-def-font-grayed bx-def-font-small">__author_desc__</div>
+                <div class="bx-def-unit-line bx-def-font-author"><a class="bx-def-unit-info-title" href="__author_url__" title="__author_title_attr__">__author_title__</a></div>
+                <div class="bx-def-unit-line bx-def-font-meta">__author_desc__</div>
             </div>
         </div>
     </div>

modules/boonex/artificer/data/template/system/author_desc.html

@@ -1,5 +1,5 @@
 <bx_repeat:items>
-    <span class="bx-def-ui-div text-sm text-gray-500 dark:text-gray-400">&nbsp;&#183;&nbsp;</span>
-    <bx_if:text><span>__content__</span></bx_if:text>
-    <bx_if:link><a class="bx-def-a-colored" href="__link__">__content__</a></bx_if:link>
+    <span class="bx-def-ui-div bx-def-font-grayed">&nbsp;&#183;&nbsp;</span>
+    <bx_if:text><span class="bx-def-font-meta">__content__</span></bx_if:text>
+    <bx_if:link><a class="bx-def-font-meta bx-def-a-colored" href="__link__">__content__</a></bx_if:link>
 </bx_repeat:items>

modules/boonex/files/template/entry-text.html

@@ -2,7 +2,7 @@
 <div class="bx-content-description">
     <div class="bx-files-entity-preview bx-def-border-radius-block">__entry_preview__</div>
     <bx_if:show_content>
-        <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-def-margin-top">
+        <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-def-margin-top bx-def-vanilla-html prose">
             <h1>__entry_title__</h1>
             __entry_text__
         </div>

modules/boonex/market/template/css/entry.css

@@ -7,25 +7,10 @@
 /*--- Entry Content ---*/
 div.bx-market-entity-content {}
 
-div.bx-market-ec-title {
-    position: relative;
-    display: -webkit-flex;
-    display: flex;
-
-    -webkit-align-items: center;
-    align-items: center;
-    -webkit-justify-content: flex-start;
-    justify-content: flex-start;
-}
-div.bx-market-ect-icon {
-    -webkit-flex: 0 2 auto;
-    flex: 0 2 auto;
+div.bx-market-ec-title {}
+div.bx-market-ec-description p:first-child {
+    margin-top: 0;
 }
-div.bx-market-ect-title {
-    -webkit-flex: 1 1 auto;
-    flex: 1 1 auto;
-}
-
 
 /*--- Entry Screenshots ---*/
 div.bx-market-screenshots {

modules/boonex/market/template/entry-text.html

@@ -5,19 +5,17 @@
             <img class="bx-def-border-radius-block" src="__entry_image__" />
         </div>
     </bx_if:show_image>
-    <div class="bx-base-text-entity-content bx-market-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img">
-        <div class="bx-market-ec-title">
+    <div class="bx-base-text-entity-content bx-market-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-def-vanilla-html prose">
+        <div class="bx-market-ec-title flex">
             <bx_if:show_icon>
-                <div class="bx-market-ect-icon bx-def-margin-right"><img class="bx-def-thumb-size bx-def-round-corners" src="__entry_icon__"/></div>
+                <div class="bx-market-ect-icon flex-none mr-4 not-prose"><img class="bx-def-thumb-size bx-def-round-corners" src="__entry_icon__"/></div>
             </bx_if:show_icon>
-            <div class="bx-market-ect-title bx-base-text-title-bages">
+            <div class="bx-market-ect-title bx-base-text-title-bages flex-1">
                 <h1>__entry_title__</h1>
-                <div class="bx-base-bages-container">
-                    __badges__
-                </div>
+                <div class="bx-base-bages-container absolute flex -translate-y-5/4">__badges__</div>
             </div>
         </div>
-        <div class="bx-market-ec-description bx-def-margin-top">__entry_text__</div>
+        <div class="bx-market-ec-description">__entry_text__</div>
     </div>
     <bx_if:show_screenshots>
         <div class="bx-market-ec-slideshow bx-def-margin-top">__screenshots__</div>

modules/boonex/photos/template/entry-text.html

@@ -1 +1 @@
-__entry_text__
+<div class="bx-base-profile-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-def-vanilla-html prose">__entry_text__</div>

modules/boonex/polls/template/entry-text-subentries.html

@@ -2,7 +2,7 @@
 <div class="bx-polls-entity-entity-content bx-content-padding-block">
     <div class="bx-content-description-before">__content_description_before__</div>
     <div class="bx-content-description">
-        <div class="bx-pull-combined-entity-content bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img">
+        <div class="bx-pull-combined-entity-content bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-def-vanilla-html prose">
             __entry_text__
         </div>
         <bx_if:show_image>

modules/boonex/polls/template/entry-text.html

@@ -1,6 +1,4 @@
-<div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img">
-    __entry_text__
-</div>
+<div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-def-vanilla-html prose">__entry_text__</div>
 <bx_if:show_image>
     <div class="bx-base-text-entity-image bx-def-margin-top bx-def-font-align-center">
         <img class="bx-def-border-radius-block" src="__entry_image__" />

modules/boonex/timeline/template/css/view.css

@@ -997,10 +997,7 @@ div.bx-tl-item-comments-holder .cmt.bx-def-box {
 
 
 /*--- Live Update Alert Styles ---*/
-div.bx-tl-live-update-button {
-    position: relative;
-    text-align: center;
-}
+div.bx-tl-live-update-button {}
 @supports(position:sticky) {
     div.bx-tl-live-update-button {
         position: sticky;

modules/boonex/timeline/template/live_update_button.html

@@ -1,4 +1,4 @@
-<div id="__html_id__" class="__style_prefix__-live-update-button bx-def-padding-bottom">
+<div id="__html_id__" class="__style_prefix__-live-update-button relative pb-4 text-center">
     <a class="bx-btn" href="javascript:void(0)" onclick="__onclick_show__" title="<bx_text_attribute:_bx_timeline_txt_show />">
         <i class="sys-icon sync-alt bx-def-padding-right"></i><bx_text:_bx_timeline_txt_new_content />
     </a>

modules/boonex/timeline/template/type_post.html

@@ -27,7 +27,7 @@
         <div class="__style_prefix__-title bx-def-margin-sec-bottom bx-def-font-h3">__title__</div>
     </bx_if:show_title>
     <bx_if:show_content>
-        <div class="__style_prefix__-content bx-overflow-ready">__item_content__</div>
+        <div class="__style_prefix__-content bx-overflow-ready bx-def-vanilla-html prose prose-sm">__item_content__</div>
     </bx_if:show_content>
 </div>
 <bx_if:show_attachments>

modules/boonex/videos/template/entry-text.html

@@ -1,7 +1,7 @@
 <div class="bx-content-description-before">__content_description_before__</div>
 <div class="bx-content-description">
-    <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-videos-entity-video">
-        <p class="bx-def-font-align-center">__entry_video__</p>
+    <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-videos-entity-video bx-def-vanilla-html prose">
+        <p class="bx-def-font-align-center not-prose">__entry_video__</p>
         <h1>__entry_title__</h1>
         __entry_text__
     </div>

plugins_public/tailwind/css/tailwind.css

@@ -426,6 +426,17 @@
         @apply text-gray-700 dark:text-gray-500 text-opacity-60;
     }
 
+    .bx-def-font-author {
+        @apply text-sm text-gray-700 dark:text-gray-200 font-semibold;
+    }
+
+    .bx-def-font-meta {
+        @apply text-sm font-normal;
+    }
+    .bx-def-font-meta:not(a) {
+        @apply text-gray-700 dark:text-gray-500 text-opacity-60;
+    }
+
     .bx-artificer .bx-def-a-colored {
         @apply no-underline text-blue-600 hover:text-blue-700 dark:text-blue-500 dark:hover:text-blue-600;
     }

plugins_public/tailwind/js/tailwind.config.js

@@ -142,6 +142,9 @@ module.exports = {
         flex: {
             2: '2 2 0%',
         },
+        translate: {
+            '5/4': '125%',
+        },
         animation: {
           goo: "goo 8s infinite",
         },
@@ -163,5 +166,7 @@ module.exports = {
         },
     },
   },
-  plugins: [],
+  plugins: [
+    require('@tailwindcss/typography'),
+  ],
 }

template/author_desc.html

@@ -1,3 +1,5 @@
 <bx_repeat:items>
-    <span class="bx-def-ui-div bx-def-font-grayed">&nbsp;&#183;&nbsp;</span><bx_if:text><span>__content__</span></bx_if:text><bx_if:link><a href="__link__">__content__</a></bx_if:link>
+    <span class="bx-def-ui-div bx-def-font-grayed">&nbsp;&#183;&nbsp;</span>
+    <bx_if:text><span class="bx-def-font-meta">__content__</span></bx_if:text>
+    <bx_if:link><a class="bx-def-font-meta" href="__link__">__content__</a></bx_if:link>
 </bx_repeat:items>

template/unit_meta_item.html

@@ -1,13 +1,13 @@
 <bx_if:span>
     <span class="__style_prefix__-div bx-def-font-grayed">&nbsp;&#183;&nbsp;</span>
     <span class="__style_prefix__-item">
-        <span class="bx-def-font-grayed text-sm __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span>
+        <span class="bx-def-font-meta __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span>
     </span>
 </bx_if:span>
 <bx_if:a>
     <span class="__style_prefix__-div bx-def-font-grayed">&nbsp;&#183;&nbsp;</span>
     <span class="__style_prefix__-item">
-        <a class="__class__ bx-def-a-colored" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
+        <a class="bx-def-font-meta bx-def-a-colored __class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a>
     </span>
 </bx_if:a>
 <bx_if:button>