Ticket #3399 - Fixes.

install/sql/system.sql

@@ -1089,8 +1089,8 @@ INSERT INTO `sys_acl_levels` (`ID`, `Name`, `Icon`, `Description`, `Active`, `Pu
 (4, '_adm_prm_txt_level_unconfirmed', 'user bx-def-font-color', '', 'yes', 'no', 'no', 0, 0, 0, 4),
 (5, '_adm_prm_txt_level_pending', 'user bx-def-font-color', '', 'yes', 'no', 'no', 0, 0, 0, 5),
 (6, '_adm_prm_txt_level_suspended', 'user bx-def-font-color', '', 'yes', 'no', 'no', 0, 0, 0, 6),
-(7, '_adm_prm_txt_level_moderator', 'user-secret bx-def-font-color', '', 'yes', 'no', 'no', 0, 0, 0, 7),
-(8, '_adm_prm_txt_level_administrator', 'user-secret bx-def-font-color', '', 'yes', 'no', 'no', 0, 0, 0, 8),
+(7, '_adm_prm_txt_level_moderator', 'user-secret col-blue3', '', 'yes', 'no', 'no', 0, 0, 0, 7),
+(8, '_adm_prm_txt_level_administrator', 'user-secret col-blue3', '', 'yes', 'no', 'no', 0, 0, 0, 8),
 (9, '_adm_prm_txt_level_premium', 'user col-red3', '', 'yes', 'yes', 'no', 0, 0, 0, 9);
 
 

modules/base/profile/classes/BxBaseModProfileTemplate.php

@@ -184,7 +184,7 @@ class BxBaseModProfileTemplate extends BxBaseModGeneralTemplate
             $aTmplVarsMeta = $this->getSnippetMenuVars ($iProfile, $bPublic);
 
         return array_merge(array (
-            'class' => $this->_getUnitClass($aData, $sTemplate),
+            'class' => $this->_getUnitClass($aData, $sTemplate) . (!$bCoverUrl ? ' bx-bp-uc-empty' : ''),
             'id' => $iContentId,
             'public' => $bPublic,
             'bx_if:show_thumbnail' => array(

modules/boonex/artificer/data/template/bx_forum/css/main.css

@@ -26,6 +26,18 @@ div.bx-forum-participants.none .bx-forum-participant {
     float: none;
     margin-left: 0.75rem;
 }
+.bx-forum-participant .bx-forum-participant-alert-last-replier {
+    left: -0.375rem;
+    right: auto;
+    top: -0.375rem;
+    bottom: auto;
+}
+.bx-forum-participant .bx-forum-participant-alert-author {
+    left: -0.375rem;
+    right: auto;
+    top: auto;
+    bottom: -0.375rem;
+}
 
 
 /*-- Grid: Preview --*/

modules/boonex/artificer/data/template/bx_forum/participants.html

@@ -3,15 +3,15 @@
         <div class="bx-forum-participant __class__ relative">
             __unit__
             <bx_if:replies_count>
-                <div class="bx-def-unit-alert absolute h-4 w-4 -top-1 bottom-auto left-auto -right-1.5 p-1 box-content bg-red-500">__count__</div>
+                <div class="bx-def-unit-alert absolute h-4 w-4 -top-1.5 bottom-auto left-auto -right-1.5 p-1 box-content bg-red-500">__count__</div>
             </bx_if:replies_count>
             <bx_if:last_replier>
-                <div title="__title__" class="bx-forum-participant-alert-last-replier bx-def-unit-alert absolute h-4 w-4 -top-1 bottom-auto -left-1.5 right-auto p-1 box-content bg-green-500">
+                <div title="__title__" class="bx-forum-participant-alert-last-replier bx-def-unit-alert absolute h-4 w-4 -top-1.5 bottom-auto -left-1.5 right-auto p-1 box-content bg-green-500">
                     <i class="sys-icon comments bx-def-font-contrasted"></i>
                 </div>
             </bx_if:last_replier>
             <bx_if:author>
-                <div title="__title__" class="bx-forum-participant-alert-author bx-def-unit-alert absolute h-4 w-4 top-auto -bottom-1 -left-1.5 right-auto p-1 box-content bg-green-500">
+                <div title="__title__" class="bx-forum-participant-alert-author bx-def-unit-alert absolute h-4 w-4 top-auto -bottom-1.5 -left-1.5 right-auto p-1 box-content bg-green-500">
                     <i class="sys-icon user bx-def-font-contrasted"></i>
                 </div>
             </bx_if:author>

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

@@ -20,7 +20,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 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 md:mb-3 lg:mb-4">__item_content__</div>
+        <div class="__style_prefix__-content 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>
     </bx_if:show_content>
 </div>
 <bx_if:show_attachments>

modules/boonex/artificer/data/template/mod_groups/cover.html

@@ -6,7 +6,7 @@
         </div>
         <div class="bx-base-pofile-cover">
             <div class="bx-base-pofile-cover-image-wrp relative xl:px-4 overflow-hidden">
-                <div class="bx-base-pofile-cover-image bx-def-page-width relative mx-auto opacity-100 <bx_if:show_cover_placeholder>h-32 lg:h-32</bx_if:show_cover_placeholder><bx_if:show_cover>h-64 lg:h-80</bx_if:show_cover> __add_class__">
+                <div class="bx-base-pofile-cover-image bx-def-page-width relative mx-auto opacity-100 <bx_if:show_cover_placeholder>bx-bpci-holder h-32 lg:h-32</bx_if:show_cover_placeholder><bx_if:show_cover>h-64 lg:h-80</bx_if:show_cover> __add_class__">
                     <a class="bx-base-pofile-cover-image box-border absolute h-full w-full" href="__cover_href__" onclick="$('#__cover_popup_id__').dolPopupImage('__cover_url__', this)">
                         <img class="bx-base-pofile-cover-image w-full object-cover bg-cover xl:rounded-b-lg h-full relative __img_class__" style="background-image:url(__cover_url__)" src="<bx_icon_url:spacer.gif />" />
                     </a>
@@ -26,7 +26,7 @@
                         </div>
                     </bx_if:show_avatar>
                     <bx_if:show_avatar_placeholder>
-                        <div class="bx-base-pofile-cover-thumb-placeholder absolute h-48 lg:flex-none"></div>
+                        <div class="bx-base-pofile-cover-thumb-placeholder lg:absolute h-24 lg:flex-none"></div>
                     </bx_if:show_avatar_placeholder>
                     <div class="bx-base-pofile-cover-user relative flex flex-col lg:flex-row lg:items-start lg:justify-end mt-6 sm:pb-1 lg:w-full box-border">
                         <div class="bx-base-profile-cover-title-bages min-w-0 flex-1 lg:mt-14 lg:mr-12 mb-2">

modules/boonex/artificer/data/template/mod_groups/css/main.css

@@ -3,9 +3,6 @@
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
 }
-.bx-base-groups-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl {
-    height: 1rem;
-}
 .bx-base-groups-unit-with-cover .bx-base-pofile-unit-info .bx-base-general-unit-meta ul .bx-menu-item-nl ~ li {
     width: 50%;
 }

modules/boonex/artificer/data/template/mod_groups/images/cover.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="49" viewBox="0 0 28 49"><g fill-rule="evenodd"><g id="hexagons" fill="#9C92AC" fill-rule="nonzero"><path d="M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z"/></g></g></svg>

modules/boonex/artificer/data/template/mod_profile/cover.html

@@ -6,7 +6,7 @@
         </div>
         <div class="bx-base-pofile-cover">
             <div class="bx-base-pofile-cover-image-wrp relative xl:px-4 overflow-hidden">
-                <div class="bx-base-pofile-cover-image bx-def-page-width relative mx-auto opacity-100 <bx_if:show_cover_placeholder>h-32 lg:h-32</bx_if:show_cover_placeholder><bx_if:show_cover>h-64 lg:h-80</bx_if:show_cover> __add_class__">
+                <div class="bx-base-pofile-cover-image bx-def-page-width relative mx-auto opacity-100 <bx_if:show_cover_placeholder>bx-bpci-holder h-32 lg:h-32</bx_if:show_cover_placeholder><bx_if:show_cover>h-64 lg:h-80</bx_if:show_cover> __add_class__">
                     <a class="bx-base-pofile-cover-image box-border absolute h-full w-full" href="__cover_href__" onclick="$('#__cover_popup_id__').dolPopupImage('__cover_url__', this)">
                         <img class="bx-base-pofile-cover-image w-full object-cover bg-cover xl:rounded-b-lg h-full relative __img_class__" style="background-image:url(__cover_url__)" src="<bx_icon_url:spacer.gif />" />
                     </a>
@@ -17,8 +17,8 @@
                     <bx_if:show_avatar>
                         <div class="bx-base-pofile-cover-thumb relative lg:absolute flex justify-center lg:flex-none z-10 __add_class__">
                             <a class="bx-base-pofile-cover-thumb" href="__picture_href__" onclick="$('#__picture_popup_id__').dolPopupImage('__picture_url__', $(this).parent()); event.stopPropagation();">
-                                    <img class="bx-base-pofile-unit-thumb bx-def-ava-big bx-def-ava-big-size rounded-full ring-4 mx-auto ring-white dark:ring-gray-900 h-48 w-48 __img_class__" src="__ava_url__"  <bx_if:show_ava_letter> style="display:none" </bx_if:show_ava_letter> />
-                                    <p class="bx-base-pofile-unit-thumb bx-def-ava-big bx-def-ava-big-size flex items-center justify-center box-border m-0 rounded-full ring-4 mx-auto ring-white dark:ring-gray-900 h-48 w-48 text-white font-bold text-5xl __img_class__-placeholder" style="background-color:rgba(__color__);<bx_if:show_ava_image>display:none</bx_if:show_ava_image>" >__letter__</p>
+                                <img class="bx-base-pofile-unit-thumb bx-def-ava-big bx-def-ava-big-size rounded-full ring-4 mx-auto ring-white dark:ring-gray-900 h-48 w-48 __img_class__" src="__ava_url__"  <bx_if:show_ava_letter> style="display:none" </bx_if:show_ava_letter> />
+                                <p class="bx-base-pofile-unit-thumb bx-def-ava-big bx-def-ava-big-size flex items-center justify-center box-border m-0 rounded-full ring-4 mx-auto ring-white dark:ring-gray-900 h-48 w-48 text-white font-bold text-5xl __img_class__-placeholder" style="background-color:rgba(__color__);<bx_if:show_ava_image>display:none</bx_if:show_ava_image>" >__letter__</p>
                             </a>
                             <bx_if:show_online>
                                 <div class="bx-base-pofile-unit-online"></div>

modules/boonex/artificer/data/template/mod_profile/css/main.css

@@ -76,7 +76,14 @@
     width:calc(10.0%);
 }
 
+
 /*--- Unit ---*/
+.bx-base-pofile-unit-with-cover.bx-bp-uc-empty .bx-base-pofile-unit-cover {
+    background-color: rgba(223, 219, 229, 0.5);
+    background-repeat: repeat;
+    background-size: auto;
+}
+
 p.bx-base-pofile-unit-thumb.bx-def-icon-size {
     font-size: 1.125rem;
 }
@@ -101,12 +108,18 @@ p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
 .bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li {
     margin-left: 1rem;
 }
-.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li:first-child {
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li:first-child,
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl,
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl + li {
     margin-left: 0;
 }
 
 
 /*--- Profile Cover ---*/
+.bx-base-pofile-cover-image.bx-bpci-holder img.bx-base-pofile-cover-image {
+    background-size: auto;
+    background-color: rgba(223, 219, 229, 0.5);
+}
 .bx-base-profile-cover-meta .bx-menu-custom.bx-menu-custom-hor {
     -webkit-align-items: center;
     align-items: center;

modules/boonex/artificer/data/template/mod_profile/images/cover.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 32"><path fill="#9C92AC" fill-rule="evenodd" d="M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z"/></svg>

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

@@ -40,8 +40,12 @@
     }
 
     function bx_site_search_complete(oContainer, oData) {
-        if(!oData)
+        if(!oData) {
+            if(oContainer.is(':visible'))
+                oContainer.hide();
+
             return;
+        }
 
         oContainer.show();
 

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

@@ -5,24 +5,21 @@
     }
 </style>
 </bx_if:logged_in>
-<div class="bx-cover-wrapper relative bg-gradient-to-br from-gray-100 to-blue-100 dark:bg-gradient-to-r dark:from-gray-900 dark:to-black overflow-hidden" <bx_if:bg>style="background-image:url(__image_url__)"</bx_if:bg>>
-    <div class="relative py-16">
-      <main class="">
-        <div class="mx-auto max-w-7xl">
-          <div class="">
+<div class="bx-cover-gap overflow-hidden" >
+    <div class="bx-def-page-width relative mx-auto">
+        <div class="bx-cover-wrapper relative xl:mb-4 bg-gradient-to-br from-gray-100 to-blue-100 dark:bg-gradient-to-r dark:from-gray-900 dark:to-black xl:rounded-b-lg" <bx_if:bg>style="background-image:url(__image_url__)"</bx_if:bg>>
             <div class="relative">
-              <div class="absolute top-0 -left-8 w-96 h-96 bg-purple-700 rounded-full  filter blur-3xl z-0 opacity-60 animate-goo"></div>
-              <div class="absolute top-12 -right-8 w-96 h-96 bg-red-700 rounded-full filter blur-3xl z-0 opacity-60 animate-goo animation-delay-2000"></div>  
-              <div class="absolute -bottom-12 left-1/3 w-96 h-96 bg-green-700 rounded-full filter blur-3xl z-0 opacity-60 animate-goo animation-delay-4000"></div> 
+                <div class="absolute top-0 -left-8 w-96 h-96 bg-purple-700 rounded-full  filter blur-3xl z-0 opacity-60 animate-goo"></div>
+                <div class="absolute top-12 -right-8 w-96 h-96 bg-red-700 rounded-full filter blur-3xl z-0 opacity-60 animate-goo animation-delay-2000"></div>  
+                <div class="absolute -bottom-12 left-1/3 w-96 h-96 bg-green-700 rounded-full filter blur-3xl z-0 opacity-60 animate-goo animation-delay-4000"></div> 
             </div>
-            <div class="relative text-center md:max-w-2xl md:mx-auto">
+            <div class=" relative mx-auto py-16 text-center">
                 <bx_if:image>
                     <div class="bx-cover-image">
                         <img class="border rounded-md" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" />
                     </div>
                 </bx_if:image>
                 <div class="bx-cover-title flex justify-center items-center">
-                    <bx_if:icon><i class="sys-icon __icon__ mr-4 text-2xl text-gray-900 dark:text-gray-50"></i></bx_if:icon>
                     <h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-50">
                         <span class="block pb-1 relative">__title__</span>
                         <span class="block pb-1  bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-blue-500 "></span>
@@ -30,8 +27,6 @@
                 </div>
                 <div class="bx-cover-actions">__actions__</div>
             </div>
-          </div>
         </div>
-      </main>
     </div>
 </div>

modules/boonex/artificer/data/template/system/css/cmts.css

@@ -13,7 +13,7 @@ form.cmt-post-reply .bx-form-input-files-uploaders {
     margin-top: 0px;
 }
 
-a.cmts-uploader-button {
+form.cmt-post-reply .bx-form-input-files-uploaders a.cmts-uploader-button {
     position: absolute;
     z-index: 1;
     right: 0px;

modules/boonex/artificer/data/template/system/css/cover.css

@@ -3,13 +3,6 @@ import url(../../../../../../../template/css/cover.css);
 --*/
 
 .bx-cover-wrapper {
-    position: relative;
     background-image: url(../images/cover.svg);
-    background-repeat: no-repeat;
-    background-position: center center;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-    overflow: hidden;
+    background-color: #dfdbe5;
 }

modules/boonex/artificer/data/template/system/css/default.less

@@ -1,4 +1,6 @@
-@import '../../../../../../../template/css/default.less';
+/*
+import '../../../../../../../template/css/default.less';
+*/
 
 /**
  * Is used for inputs and buttons. They should have the same value 
@@ -6,26 +8,36 @@
  */
 @base-input-box-sizing: border-box;
 
-
-/*--- Colors ---*/
-.bx-def-color-bg-hl,
-.bx-def-color-bg-hl-even:nth-child(even),
-.bx-def-color-bg-hl-hover:hover {
-    .background-color (transparent);
+.bx-def-page-width {
+    width: @bx-page-width;
 }
 
 /*--- Unit ---*/
 .bx-def-unit-alert,
 .bx-def-unit-alert-small,
 .bx-def-unit-alert-middle {
-    position: relative;
-    .font-size(@bx-font-size-small - 2);
+    font-size: @bx-font-size-small - 2;
 }
 
 
-/* image/thumbnail/gallery default styles */
+/*--- image/thumbnail/gallery ---*/
 .bx-def-unit .bx-def-unit-info,
 .bx-def-unit .bx-def-unit-img,
 .bx-def-unit img {
     display: inherit;
+}
+
+
+/*--- z-index ---*/
+.bx-def-z-index-front {
+    z-index:100;
+}
+.bx-def-z-index-nav {
+    z-index:5000;
+}
+.bx-def-z-index-overlay {
+    z-index:9700;
+}
+.bx-def-z-index-modal {
+    z-index:10000;
 }

modules/boonex/artificer/data/template/system/css/forms.css

@@ -142,7 +142,7 @@ import url(../../../../../../../template/css/forms.css);
     height: 100%;
 
     margin: 0;
-    padding: 0;
+    padding: 0.5rem 2.125rem 0.5rem 0.75rem;
 
     border: 0;
     background-color: transparent;
@@ -153,11 +153,19 @@ import url(../../../../../../../template/css/forms.css);
     box-shadow: none;
 }
 
+
+/*-- Form field: Date/Time Pickers --*/
+.bx-form-datepicker-modal {
+    z-index: 10001 !important;
+}
+
+
 /*-- Form field: Switcher --*/
 .bx-switcher-cont-alt input {
    display: none !important;
 }
 
+
 /*--- Form field: File ---*/
 .bx-form-input-wrapper-file .bx-btn {
     display: inline-block;
@@ -223,14 +231,14 @@ import url(../../../../../../../template/css/forms.css);
 
 
 /*--- Form field: Auto-siggestion ---*/
-.bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels) {
+.bx-form-value .bx-form-input-autotoken:not(.bx-form-input-autotoken-labels) {
     float:left;
     padding:0px;
     height:auto;
     box-shadow: none;
     min-height: 2.8rem;
 }
-.bx-form-value .bx-form-input-autotoken b {
+.bx-form-value .bx-form-input-autotoken:not(.bx-form-input-autotoken-labels) b {
     display: block;
     margin: 0.125rem;
     padding-right: 1.5rem; 
@@ -241,10 +249,10 @@ import url(../../../../../../../template/css/forms.css);
     font-weight: normal;    
     cursor: pointer;
 }
-.bx-form-value .bx-form-input-autotoken b:hover {
+.bx-form-value .bx-form-input-autotoken:not(.bx-form-input-autotoken-labels) b:hover {
     opacity: 0.7;
 }
-.bx-form-value .bx-form-input-autotoken b:after {
+.bx-form-value .bx-form-input-autotoken:not(.bx-form-input-autotoken-labels) b:after {
     font-family: 'sys-user', 'sys-user-fal';
     content: "\f00d";    
     position:absolute;    
@@ -253,13 +261,13 @@ import url(../../../../../../../template/css/forms.css);
     font-size:0.7em;
     font-weight:bold;
 }
-.bx-form-value .bx-form-input-autotoken.bx-form-input-disabled b {
+.bx-form-value .bx-form-input-autotoken:not(.bx-form-input-autotoken-labels).bx-form-input-disabled b {
     cursor: default;
 }
-.bx-form-value .bx-form-input-autotoken.bx-form-input-disabled b:after{
+.bx-form-value .bx-form-input-autotoken:not(.bx-form-input-autotoken-labels).bx-form-input-disabled b:after{
     display: none;
 }
-.bx-form-value .bx-form-input-autotoken input {
+.bx-form-value .bx-form-input-autotoken:not(.bx-form-input-autotoken-labels) input {
     border:0;
     margin:0;
     padding:0 0 0 5px;
@@ -267,31 +275,28 @@ import url(../../../../../../../template/css/forms.css);
     float:left;
     box-shadow: none;
 }
-.bx-form-value .bx-form-input-autotoken .bx-base-pofile-unit-wo-info {
+.bx-form-value .bx-form-input-autotoken:not(.bx-form-input-autotoken-labels) .bx-base-pofile-unit-wo-info {
     display: inline-block;
     vertical-align: middle;
 
     margin-right: 8px;
     margin-right: 0.5rem;
 }
-.bx-form-value .bx-form-input-autotoken-labels b {
-    padding-left: 1em;
+.bx-form-value .bx-form-input-autotoken-labels > a {
+    margin-left: 0.5rem;
+}
+.bx-form-value .bx-form-input-autotoken-labels > a:first-child {
+    margin-left: 0;
 }
-.bx-form-value .bx-form-input-autotoken-labels-show-more,
-.bx-form-value .bx-form-input-autotoken-labels-sel b {
+.bx-form-value .bx-form-input-autotoken-labels-show-more {
     display:inline-block;
     line-height:1.5rem;
     font-size:85%;    
     padding-right:1em;
     margin-top:0.625rem;
-    font-style:normal;
-}
-.bx-form-value .bx-form-input-autotoken-labels-show-more {
     margin-left:0.1em;
     margin-right:0.1em;
-}
-.bx-form-value .bx-form-input-autotoken-labels-sel b:after {
-    display:none;
+    font-style:normal;
 }
 .bx-form-input-autotoken-labels-more {
     display:none;
@@ -299,10 +304,10 @@ import url(../../../../../../../template/css/forms.css);
 .select2-container {
     width:100% !important;
 }
-.bx-form-input-select 
-{
+.bx-form-input-select {
     -webkit-appearance:none;
 }
+
 /* tiny mce */
 .bx-form-input-wrapper-html .gray-theme.fr-toolbar.fr-top{
    border-radius: .375rem .375rem 0 0 !important; 

modules/boonex/artificer/data/template/system/images/cover.svg

@@ -1 +1 @@
-<svg width="1440" height="900" xmlns="http://www.w3.org/2000/svg"></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4"><path fill="#9C92AC" d="M1 3h1v1H1V3zm2-2h1v1H3V1z"></path></svg>

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

@@ -2,7 +2,7 @@
     <div id="bx-informer">
         <bx_repeat:messages>
             <div id="__id__" class="bx-informer-msg __class__ flex items-center mt-4 first:mt-0 p-4 rounded-md">
-                <div class="flex-none">
+                <div class="flex-none w-5 h-5">
                     <svg class="bx-informer-icon bx-informer-icon-info text-blue-400 h-5 w-5" x-description="Heroicon name: solid/information-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                         <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
                     </svg>
@@ -17,4 +17,4 @@
             </div>
         </bx_repeat:messages>
     </div>
-</div>
+</div>

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

@@ -1,4 +1,4 @@
-<span class=" bx-btn-height group flex items-center border-none rounded-full text-gray-500 dark:text-gray-500 dark:hover:text-gray-300" >
-    <span class="sys-action-counter-icon relative flex items-center justify-center ring-1  h-6 w-6 rounded-full ring-white dark:ring-gray-800 h-6 w-6 bg-gray-200 dark:bg-gray-800">__icon__</span>
+<span class="group flex items-center p-1 border-none rounded-full text-gray-500 dark:text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600">
+    <span class="sys-action-counter-icon relative flex items-center justify-center ring-1  h-6 w-6 rounded-full ring-white dark:ring-gray-700 bg-gray-200 dark:bg-gray-700">__icon__</span>
     <span class="sys-action-counter-text ml-1">__caption__</span>
 </span>

modules/boonex/artificer/data/template/system/scripts/BxTemplMenuToolbar.php

@@ -29,6 +29,9 @@ class BxTemplMenuToolbar extends BxBaseMenuToolbar
 
     protected function _getMenuItem ($a)
     {
+        if(in_array($a['hidden_on'], [7, 15])) 
+            return false;
+
     	//--- Hide '[Search]' from Site Toolbar
         if($this->_bSiteToolbar && in_array($a['name'], $this->_aHideFromSiteToolbar))
             return false;

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

@@ -1,2 +1,2 @@
-<bx_if:show_text><span class="__class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span></bx_if:show_text><bx_if:show_link><a class="__class__ group flex items-center border-none rounded-full text-gray-500 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a></bx_if:show_link>
+<bx_if:show_text><span class="__class__" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</span></bx_if:show_text><bx_if:show_link><a class="__class__ group flex items-center border-none rounded-full text-gray-500 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a></bx_if:show_link>
 __script__

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

@@ -1,8 +1,8 @@
 <span class="__style_prefix__-counter-label flex items-center text-sm font-normal p-1">
     <bx_if:show_icon>
-        <span class="sys-action-counter-icon __style_prefix__-counter-icon relative flex items-center justify-center ring-1 h-6 w-6 ring-white dark:ring-gray-800 h-6 w-6 bg-gray-200 dark:bg-gray-800 rounded-full">__name__</span>
+        <span class="sys-action-counter-icon __style_prefix__-counter-icon relative flex items-center justify-center ring-1 h-6 w-6 ring-white dark:ring-gray-700 h-6 w-6 bg-gray-200 dark:bg-gray-700 rounded-full">__name__</span>
     </bx_if:show_icon>
     <bx_if:show_text>
-        <span class="sys-action-counter-text __style_prefix__-counter-text ml-1">__text__</span>
+        <span class="sys-action-counter-text __style_prefix__-counter-text ml-1.5">__text__</span>
     </bx_if:show_text>
 </span>

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

@@ -5,6 +5,6 @@
         </span>
     </bx_if:show_icon>
     <bx_if:show_text>
-        <span class="sys-action-counter-text __style_prefix__-counter-text ml-1">__text__</span>
+        <span class="sys-action-counter-text __style_prefix__-counter-text ml-1.5">__text__</span>
     </bx_if:show_text>
 </span>

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

@@ -5,6 +5,6 @@
         </span>
     </bx_if:show_icon>
     <bx_if:show_text>
-        <span class="sys-action-counter-text __style_prefix__-counter-text ml-1">__text__</span>
+        <span class="sys-action-counter-text __style_prefix__-counter-text ml-1.5">__text__</span>
     </bx_if:show_text>
 </span>

plugins_public/tailwind/css/tailwind.css

@@ -14,19 +14,22 @@
 
 @layer components {
     /* Defaults */
-    .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;
+    .bx-artificer .bx-def-box-sizing {
+        @apply box-border;
     }
 
-    .bx-artificer .bx-def-hr {
-        @apply m-0 p-0 border-t border-gray-200 dark:border-gray-700;
+    .bx-artificer .bx-def-align-center {
+        @apply flex items-center justify-center !important;
     }
 
-    .bx-artificer .bx-def-font-grayed {
-        @apply text-gray-700 dark:text-gray-500 text-opacity-60;
+    .bx-artificer .bx-def-valign-center {
+        @apply flex items-center !important;
     }
 
     /* Margins and Paddings */
+    .bx-artificer .bx-def-centered {
+        @apply mx-auto;
+    }
     .bx-artificer .bx-def-margin {
         @apply m-4;
     }
@@ -70,6 +73,28 @@
     .bx-artificer .bx-def-margin-sec-bottom {
         @apply mb-2;
     }
+    
+    .bx-artificer .bx-def-margin-thd {
+        @apply m-1;
+    }
+    .bx-artificer .bx-def-margin-thd-left {
+        @apply ml-1;
+    }
+    .bx-artificer .bx-def-margin-thd-left-auto {
+        @apply ml-1 first:ml-0;
+    }
+    .bx-artificer .bx-def-margin-thd-right {
+        @apply mr-1;
+    }
+    .bx-artificer .bx-def-margin-thd-top {
+        @apply mt-1;
+    }
+    .bx-artificer .bx-def-margin-thd-top-auto {
+        @apply mt-1 first:mt-0;
+    }
+    .bx-artificer .bx-def-margin-thd-bottom {
+        @apply mb-1;
+    }
 
     .bx-artificer .bx-def-padding {
         @apply p-4;
@@ -115,7 +140,70 @@
         @apply pb-2;
     }
 
-    /* Blocks, Boxes, etc. */
+    .bx-artificer .bx-def-padding-thd {
+        @apply p-1;
+    }
+    .bx-artificer .bx-def-padding-thd-left {
+        @apply pl-1;
+    }
+    .bx-artificer .bx-def-padding-thd-left-auto {
+        @apply pl-1 first:pl-0;
+    }
+    .bx-artificer .bx-def-padding-thd-right {
+        @apply pr-1;
+    }
+    .bx-artificer .bx-def-padding-thd-top {
+        @apply pt-1;
+    }
+    .bx-artificer .bx-def-padding-thd-top-auto {
+        @apply pt-1 first:pt-0;
+    }
+    .bx-artificer .bx-def-padding-thd-bottom {
+        @apply pb-1;
+    }
+
+    /* Fonts */
+    .bx-artificer .bx-def-font,
+    .bx-artificer .bx-def-font-inputs {
+        @apply font-inter;
+    }
+
+    .bx-artificer .bx-def-font-grayed {
+        @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;
+    }
+
+    .bx-artificer .bx-def-font-small {
+        @apply text-sm;
+    }
+    
+    .bx-artificer .bx-def-font-middle {
+        @apply text-lg;
+    }
+
+    .bx-artificer .bx-def-font-large {
+        @apply text-xl;
+    }
+    
+    .bx-artificer h3,
+    .bx-artificer .bx-def-font-h3 {
+        @apply text-2xl;
+    }
+    
+    .bx-artificer h2,
+    .bx-artificer .bx-def-font-h2 {
+        @apply text-3xl;
+    }
+
+    .bx-artificer h1,
+    .bx-artificer .bx-def-font-h1 {
+        @apply text-4xl;
+    }
+
+    /* Common elements: Blocks, Boxes, etc. */
     .bx-artificer .bx-def-color-bg-block {
         @apply bg-gray-50 dark:bg-gray-900;
     }
@@ -123,9 +211,30 @@
         @apply bg-white dark:bg-gray-800;
     }
 
+    /* Common Elements: HR */
+    .bx-artificer .bx-def-hr {
+        @apply m-0 p-0 border-t border-gray-200 dark:border-gray-700;
+    }
+
+    /* Common Elements: Labels */
+    .bx-artificer .bx-def-label {
+        @apply min-w-6 px-4 py-1 bg-gray-500 hover:bg-gray-600 dark:hover:bg-gray-400 text-gray-800 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-200 text-sm font-normal rounded-full box-border;
+    }
+    
+    /* Common Elements: Alerts */
+    .bx-def-unit-alert,
+    .bx-def-unit-alert-small,
+    .bx-def-unit-alert-middle {
+        @apply block absolute top-0 -right-0.5 text-center text-white;
+    }
+    .bx-def-unit-alert {
+        @apply h-4 p-1 leading-4 rounded-full text-xs;
+        min-width: 1rem;
+    }
+
     /* Common elements: Buttons */
     .bx-artificer .bx-btn {
-        @apply relative inline-flex justify-center items-center px-4 py-2 border border-gray-300 dark:border-gray-700 text-sm font-medium text-gray-700 dark:text-gray-300 dark:hover:text-white hover:text-gray-800 whitespace-nowrap bg-white dark:bg-gray-800 dark:hover:bg-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded-md shadow-sm hover:shadow-md;
+        @apply relative inline-flex justify-center items-center px-4 py-2 border border-gray-300 dark:border-gray-700 text-sm font-medium text-gray-700 dark:text-gray-300 dark:hover:text-white hover:text-gray-800 whitespace-nowrap bg-white dark:bg-gray-800 dark:hover:bg-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded-md shadow-sm hover:shadow-md cursor-pointer;
     }
 
     .bx-artificer .bx-btn i, 
@@ -188,6 +297,10 @@
         @apply font-normal text-blue-600 hover:text-blue-700 dark:text-blue-500 dark:hover:text-blue-600;
     }
 
+    .bx-artificer .bx-form-value {
+        @apply mt-1 first:mt-0;
+    }
+
     .bx-artificer .bx-form-required,
     .bx-artificer .bx-form-warn {
         @apply text-red-400;
@@ -246,7 +359,13 @@
 
     /* Main menu */
     .bx-artificer .bx-toolbar-item.bx-ti-menu .bx-menu-main .bx-menu-item.bx-menu-tab-active {
-        @apply opacity-100 ring-1 ring-gray-200 dark:ring-gray-600 bg-gray-50 dark:bg-gray-800 text-gray-900 dark:text-white shadow;
+        @apply opacity-100 ring-1 ring-gray-200 dark:ring-gray-600 bg-gray-50 dark:bg-gray-700 shadow;
+    }
+    .bx-artificer .bx-toolbar-item.bx-ti-menu .bx-menu-main .bx-menu-item.bx-menu-tab-active a {
+        @apply text-gray-900 dark:text-white;
+    }
+    .bx-artificer .bx-toolbar-item.bx-ti-menu .bx-menu-main .bx-popup .bx-menu-item.bx-menu-tab-active {
+        @apply opacity-100 ring-0 bg-gray-50 dark:bg-gray-700 shadow-none;
     }
 
     /* Page Submenu */
@@ -263,7 +382,7 @@
     }
 
 
-    /* Common elements: Alerts */
+    /* Common elements: Informers */
     .bx-artificer .bx-informer-msg a {
         @apply text-blue-600 hover:text-blue-700 dark:text-blue-500 dark:hover:text-blue-600;
     }
@@ -277,7 +396,11 @@
         @apply bg-red-50 text-red-700;
     }
 
-    
+    /* Common elements: Comments */
+    .bx-artificer .cmt .bx-base-general-unit-meta-username {
+        @apply text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white;
+    }
+
     /* Modules: Timeline */
     .bx-artificer .bx-menu-custom-hor.bx-menu-object-bx_timeline_menu_view li.bx-menu-tab-active a {
         @apply bg-gray-50 dark:bg-gray-700 ring-1 ring-gray-200 dark:ring-gray-600 text-gray-900 dark:text-white shadow;

plugins_public/tailwind/js/tailwind.config.js

@@ -27,14 +27,28 @@ module.exports = {
         'h-8', 'h-10', 'h-24', 'h-48',
         '-m-2',
         'text-red-400', 
+        'ring-blue-500', 'ring-opacity-20', 
+        'focus:ring-blue-500', 'focus:ring-opacity-20',
+        'border-blue-500', 'border-opacity-70', 
+        'focus:border-blue-500', 'focus:border-opacity-70',
+
+        'bx-def-box-sizing', 'bx-def-align-center',  'bx-def-valign-center', 'bx-def-centered', 
         'bx-def-margin', 'bx-def-margin-left', 'bx-def-margin-left-auto', 'bx-def-margin-right', 'bx-def-margin-top', 'bx-def-margin-top-auto', 'bx-def-margin-bottom',
         'bx-def-margin-sec', 'bx-def-margin-sec-left', 'bx-def-margin-sec-left-auto', 'bx-def-margin-sec-right', 'bx-def-margin-sec-top', 'bx-def-margin-sec-top-auto', 'bx-def-margin-sec-bottom',
+        'bx-def-margin-thd', 'bx-def-margin-thd-left', 'bx-def-margin-thd-left-auto', 'bx-def-margin-thd-right', 'bx-def-margin-thd-top', 'bx-def-margin-thd-top-auto', 'bx-def-margin-thd-bottom',
         'bx-def-padding', 'bx-def-padding-left', 'bx-def-padding-left-auto', 'bx-def-padding-right', 'bx-def-padding-top', 'bx-def-padding-top-auto', 'bx-def-padding-bottom',
         'bx-def-padding-sec', 'bx-def-padding-sec-left', 'bx-def-padding-sec-left-auto', 'bx-def-padding-sec-right', 'bx-def-padding-sec-top', 'bx-def-padding-sec-top-auto', 'bx-def-padding-sec-bottom',
+        'bx-def-padding-thd', 'bx-def-padding-thd-left', 'bx-def-padding-thd-left-auto', 'bx-def-padding-thd-right', 'bx-def-padding-thd-top', 'bx-def-padding-thd-top-auto', 'bx-def-padding-thd-bottom',
+        'bx-def-font-small', 'bx-def-font-middle', 'bx-def-font-large', 'bx-def-font-h3', 'bx-def-font-h2', 'bx-def-font-h1', 
         'bx-def-a-colored',
+
         'bx-form-required', 'bx-form-warn',
         'bx-popup-full-screen', 'bx-popup-fog',
         'bx-informer-msg-info', 'bx-informer-msg-alert', 'bx-informer-msg-error',
+        'bx-def-unit-alert', 'bx-def-unit-alert-small', 'bx-def-unit-alert-middle',
+        'bx-def-label',
+
+        'bx-base-general-unit-meta-username',
     ]
   },
   darkMode: 'media', // false or 'media' or 'class'
@@ -50,6 +64,8 @@ module.exports = {
             144: '36rem'
         },
         minWidth: {
+            4: '1rem',
+            6: '1.5rem',
             88: '22rem'
         },
         height: {

template/cover.html

@@ -12,16 +12,15 @@
             <div class="bx-cover-gradient"></div>
             <div class="bx-cover bx-def-padding bx-def-box-sizing">
                 <div class="bx-cover-cnt">
-                        <bx_if:image>
-                            <div class="bx-cover-image">
-                                <img class="bx-def-border bx-def-round-corners" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" />
-                            </div>
-                        </bx_if:image>
-                        <div class="bx-cover-title bx-def-margin-sec-topbottom bx-def-font-h1" style="z-index:2;">
-                            <bx_if:icon><i class="sys-icon bx-def-font-contrasted bx-def-margin-sec-right __icon__"></i></bx_if:icon>
-                            <span class="bx-def-font-contrasted">__title__</span>
+                    <bx_if:image>
+                        <div class="bx-cover-image">
+                            <img class="bx-def-border bx-def-round-corners" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" />
                         </div>
-                        <div class="bx-cover-actions">__actions__</div>
+                    </bx_if:image>
+                    <div class="bx-cover-title bx-def-margin-sec-topbottom bx-def-font-h1" style="z-index:2;">
+                        <span class="bx-def-font-contrasted">__title__</span>
+                    </div>
+                    <div class="bx-cover-actions">__actions__</div>
                 </div>
             </div>
         </div>

template/scripts/BxBaseFormView.php

@@ -1567,7 +1567,7 @@ BLAH;
         
         $s = ''; 
         foreach ($aInput['value'] as $sLabel)
-            $s .= '<a href="' . $oMetatags->keywordsGetHashTagUrl($sLabel, $aInput['content_id']) . '"><b class="val bx-def-color-bg-hl bx-def-round-corners">' . trim($sLabel) . '</b></a>';
+            $s .= '<a href="' . $oMetatags->keywordsGetHashTagUrl($sLabel, $aInput['content_id']) . '"><b class="bx-def-label val">' . trim($sLabel) . '</b></a>';
 
         return $this->oTemplate->parseHtmlByName('form_field_labels_view.html', array(
             'values' => $s,