Ticket #3399 - Covers, Fixes.

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) . (!$bCoverUrl ? ' bx-bp-uc-empty' : ''),
+            'class' => $this->_getUnitClass($aData, $sTemplate) . (!$bCoverUrl ? ' bx-cover-empty' : ''),
             'id' => $iContentId,
             'public' => $bPublic,
             'bx_if:show_thumbnail' => array(

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>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__">
+                <div class="bx-base-pofile-cover-image bx-def-page-width relative mx-auto opacity-100 xl:rounded-b-lg <bx_if:show_cover_placeholder>bx-bpci-holder h-32 lg:h-32 bg-gradient-to-b from-green-400 to-green-500</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>

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

@@ -1 +0,0 @@
-<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_groups/unit.html

@@ -1,6 +1,7 @@
 <div class="__class__ p-2 box-border">
-    <div class="bx-base-pofile-unit-cnt bx-def-box rounded ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800 shadow-sm h-full">
-        <a class="bx-base-pofile-unit-cover flex items-center justify-start w-full h-40 bg-no-repeat bg-center bg-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
+    <div class="bx-base-pofile-unit-cnt relative rounded ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800 shadow-sm h-full">
+        <div class="absolute z-0 w-full h-40 bg-gradient-to-b from-green-400 to-green-500"></div>
+        <a class="bx-base-pofile-unit-cover relative flex items-center justify-start w-full h-40 bg-no-repeat bg-center bg-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
             <bx_if:show_thumbnail>
                 <div class="bx-def-unit-img bx-def-__size__-size __class_size__ ml-5">
                     <bx_if:show_thumb_image>

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>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__">
+                <div class="bx-base-pofile-cover-image bx-def-page-width relative mx-auto opacity-100 xl:rounded-b-lg <bx_if:show_cover_placeholder>bx-bpci-holder h-32 lg:h-32 bg-gradient-to-b from-blue-400 to-blue-500</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>

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

@@ -78,11 +78,6 @@
 
 
 /*--- Unit ---*/
-.bx-base-pofile-unit-with-cover.bx-bp-uc-empty .bx-base-pofile-unit-cover {
-    background-repeat: repeat;
-    background-size: auto;
-}
-
 p.bx-base-pofile-unit-thumb.bx-def-icon-size {
     font-size: 1.125rem;
 }

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

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="32" 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/mod_profile/unit_with_cover.html

@@ -1,10 +1,11 @@
 <div class="__class__ p-2 box-border">
-    <div class="bx-base-pofile-unit-cnt bx-def-box rounded ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800 shadow-sm h-full">
-        <a class="bx-base-pofile-unit-cover flex items-center justify-center w-full h-40 bg-no-repeat bg-center bg-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
+    <div class="bx-base-pofile-unit-cnt relative h-full ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800 rounded-md shadow-sm">
+        <div class="absolute z-0 w-full h-40 bg-gradient-to-b from-blue-400 to-blue-500"></div>
+        <a class="bx-base-pofile-unit-cover relative flex items-center justify-center w-full h-40 bg-no-repeat bg-center bg-cover" style="background-image:url(__cover_url__);" href="__content_url__" onclick="__content_click__">
             <bx_if:show_thumbnail>
                 <div class="bx-def-unit-img bx-def-__size__-size __class_size__">
                     <bx_if:show_thumb_image>
-                        <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ box-border" src="__thumb_url__" />
+                        <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ rounded-full box-border" src="__thumb_url__" />
                     </bx_if:show_thumb_image>
                     <bx_if:show_thumb_letter>
                         <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center box-border m-0 rounded-full text-white font-bold" style="background-color:rgba(__color__)">__letter__</p>

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

@@ -8,7 +8,7 @@
             <div class="bx-toolbar-content-wrapper">
                 <div id="bx-toolbar-content" class="bx-toolbar-content relative flex items-center justify-start h-16">
                     <!-- Mobile: Hamburger -->
-                    <div class="flex-none items-center lg:hidden mr-3">
+                    <div class="flex-none items-center lg:hidden mr-4">
                         <bx_menu:sys_toolbar_site />
                     </div>
 
@@ -19,13 +19,13 @@
                         <bx_injection:injection_logo_after />
                     </div>
                     <!-- Menu -->
-                    <div class="bx-toolbar-item bx-ti-menu flex-2 hidden lg:block w-64 ml-6">
+                    <div class="bx-toolbar-item bx-ti-menu flex-2 hidden lg:block w-64 ml-4">
                         <div id="bx-menu-toolbar-1-container" class="bx-toolbar-item bx-ti-menu w-full">
                             <bx_menu:sys_site />
                         </div>
                     </div>
                     <!-- Search -->
-                    <div class="bx-toolbar-item bx-ti-search flex flex-1 items-center justify-end ml-6 min-w-88">
+                    <div class="bx-toolbar-item bx-ti-search flex flex-1 items-center justify-end ml-4 min-w-88">
                         <div class="flex items-start w-full hidden md:block">
                             <div class="relative w-full">__sys_site_search__</div>
                         </div>

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

@@ -14,10 +14,10 @@
         </div>
         <div class="relative mx-auto py-16 text-center">
             <div>
-                <h1 class="text-4xl  sm:text-5xl xl:text-6xl tracking-tight  font-bold text-gray-800 dark:text-white ">
+                <div class="text-4xl  sm:text-5xl xl:text-6xl tracking-tight  font-bold text-gray-800 dark:text-white ">
                     <span class="block pb-1 relative"><bx_text:_bx_artificer_txt_splash_welcome_l1 /></span>
                     <span class="block pb-1  bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-blue-500 "><bx_text:_bx_artificer_txt_splash_welcome_l2 /></span>
-                </h1>
+                </div>
                 <p class="p-8  font-light text-gray-700 dark:text-gray-300 text-base  sm:text-lg xl:text-xl">
                     <span class="block"><bx_text:_bx_artificer_txt_splash_welcome_l3 /></span>
                 </p>

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

@@ -3,7 +3,6 @@ import url(../../../../../../../template/css/cover.css);
 --*/
 
 .bx-cover-wrapper {
-    background-image: url(../images/cover.svg);
     background-color: #eee;
     background-repeat: no-repeat;
     background-position: center center;
@@ -11,9 +10,4 @@ import url(../../../../../../../template/css/cover.css);
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
-}
-.bx-cover-wrapper.bx-cover-empty {
-    background-color: #dfdbe5;
-    background-repeat: repeat;
-    background-size: auto;
 }

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

@@ -1 +1 @@
-<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>
+<svg width="1440" height="900" xmlns="http://www.w3.org/2000/svg"></svg>

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

@@ -3,7 +3,7 @@
         <div class="bx-profile-avatar-cnt relative flex items-center px-4 py-2">
             <div class="bx-pa-img absolute">__profile_unit__</div>
             <div class="bx-pa-info w-full">
-                <div class="bx-pa-info-cnt pl-14 pr-5 box-border">
+                <div class="bx-pa-info-cnt flex flex-col justify-center h-10 pl-14 pr-4 box-border">
                     <div class="bx-pai-line text-gray-600 dark:text-gray-300 text-sm group-hover:text-gray-800 dark:group-hover:text-white font-semibold truncate">__profile_title__</div>
                     <div class="bx-pai-line text-green-600 dark:text-green-400 text-xs truncate uppercase tracking-wider font-normal">
                         <!--<bx_include_auto:menu_icon.html />--><span>__profile_acl_title__</span>

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

@@ -4,7 +4,7 @@
             <div class="bx-profile-avatar-cnt flex items-center cursor-pointer" onclick="window.location.href='__profile_url__'">
                 <div class="bx-pa-img absolute">__profile_unit__</div>
                 <div class="bx-pa-info w-full">
-                    <div class="bx-pa-info-cnt pl-14 box-border">
+                    <div class="bx-pa-info-cnt flex flex-col justify-center h-10 pl-14 box-border">
                         <div class="bx-pai-line text-gray-600 dark:text-gray-300 text-sm group-hover:text-gray-800 dark:group-hover:text-white font-semibold truncate">__profile_title__</div>
                         <div class="bx-pai-line text-green-600 dark:text-green-400 text-xs truncate uppercase tracking-wider font-normal">
                             <div><!--<bx_include_auto:menu_icon.html />--><span>__profile_acl_title__</span></div>

modules/boonex/artificer/js/utils.js

@@ -1,5 +1,5 @@
 function switcher_click(oObj){
-    $(oObj).toggleClass('bg-gray-200').toggleClass('bg-white').toggleClass('dark:bg-gray-900').toggleClass('dark:bg-gray-500')
+    $(oObj).toggleClass('bg-gray-200').toggleClass('bg-white').toggleClass('dark:bg-gray-900').toggleClass('dark:bg-gray-800')
     $(oObj).find('span').toggleClass('translate-x-5').toggleClass('translate-x-0').toggleClass('bg-green-500').toggleClass('bg-white').toggleClass('dark:bg-gray-500').toggleClass('dark:bg-green-500')
     $oChk = $(oObj).parents('.bx-switcher-cont-alt').find('input').first();
     $oChk.prop('checked',!$oChk.prop('checked'))

plugins_public/tailwind/css/tailwind.css

@@ -440,13 +440,7 @@
         @apply opacity-100 ring-0 bg-gray-50 dark:bg-gray-700 shadow-none;
     }
 
-    /* Page Cover */
-    .bx-artificer .bx-cover-wrapper.bx-cover-empty,
-    .bx-artificer .bx-base-pofile-cover-image.bx-bpci-holder img.bx-base-pofile-cover-image,
-    .bx-artificer .bx-base-pofile-unit-with-cover.bx-bp-uc-empty .bx-base-pofile-unit-cover {
-        @apply bg-gray-200 dark:bg-gray-900;
-    }
-    
+
     /* Page Submenu */
     .bx-artificer .bx-menu-main-submenu .bx-menu-item.bx-menu-tab-active a {
         @apply text-gray-900 dark:text-gray-100;

plugins_public/tailwind/js/tailwind.config.js

@@ -53,8 +53,6 @@ module.exports = {
         'bx-def-icon-size', 'bx-def-thumb-size', 'bx-def-ava-size', 'bx-def-ava-big-size',
 
         'bx-base-general-unit-meta-username',
-
-        'bx-base-pofile-unit-with-cover', 'bx-bp-uc-empty'
     ]
   },
   darkMode: 'media', // false or 'media' or 'class'