Ticket #3629 - Artificer template (Part 2): Toolbar and Author block.

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

@@ -1,9 +1,9 @@
 <div class="bx-menu-toolbar-padding">
     <div class="bx-base-pofile-cover-wrapper __class__ relative">
-        <div class="absolute top-0 left-0 w-full h-full dark:hidden">
+        <div class="bx-base-pofile-cover-bg absolute top-0 left-0 w-full h-full dark:hidden">
             <img src="<bx_image_url:cover-profile.svg />" class="object-cover h-full w-full" />
         </div>
-        <div class="absolute top-0 left-0 w-full h-full hidden dark:block">
+        <div class="bx-base-pofile-cover-bg absolute top-0 left-0 w-full h-full hidden dark:block">
             <img src="<bx_image_url:cover-profile-dark.svg />" class="object-cover h-full w-full" />
         </div>
         <div class="bx-base-pofile-cover relative">

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

@@ -1,9 +1,9 @@
 <div class="bx-base-profile-cover-block-wrapper">
     <div class="bx-base-pofile-cover-wrapper __class__ relative bg-gradient-to-b from-gray-100 to-white dark:from-black dark:to-gray-900 rounded-md">
-        <div class="absolute top-0 left-0 w-full h-full dark:hidden rounded-md overflow-hidden">
+        <div class="bx-base-pofile-cover-bg absolute top-0 left-0 w-full h-full dark:hidden rounded-md overflow-hidden">
             <img src="<bx_image_url:cover-profile.svg />" class="object-cover h-full w-full" />
         </div>
-        <div class="absolute top-0 left-0 w-full h-full hidden dark:block rounded-md overflow-hidden">
+        <div class="bx-base-pofile-cover-bg absolute top-0 left-0 w-full h-full hidden dark:block rounded-md overflow-hidden">
             <img src="<bx_image_url:cover-profile-dark.svg />" class="object-cover h-full w-full" />
         </div>
         <div class="bx-base-pofile-cover relative">

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

@@ -128,6 +128,9 @@ p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
 
 
 /*--- Profile Cover ---*/
+.bx-base-pofile-cover-wrapper.bx-no-cover .bx-base-pofile-cover-bg  {
+    height: 50%;
+}
 .bx-base-pofile-cover-wrapper.bx-no-cover .bx-base-pofile-cover-info {
     padding-top: 1rem;
 }

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

@@ -1,4 +1,4 @@
-<div class="bx-sidebar bx-sidebar-account fixed inset-0 flex justify-end z-40" role="dialog" aria-modal="true">
+<div class="bx-sidebar bx-sidebar-account bx-def-z-index-modal fixed flex justify-end inset-0" role="dialog" aria-modal="true">
     <div class="bx-sidebar-account-bg fixed inset-0 bg-gray-600 opacity-75" aria-hidden="true"></div>
     <div class="flex-shrink-0 w-14" aria-hidden="true"></div>
     <div class="bx-sidebar-cnt relative flex-1 flex flex-col max-w-xs w-full py-4 bg-white dark:bg-gray-900">

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

@@ -1,4 +1,4 @@
-<div class="bx-sidebar bx-sidebar-site fixed inset-0 flex z-40 lg:hidden" role="dialog" aria-modal="true">
+<div class="bx-sidebar bx-sidebar-site bx-def-z-index-modal fixed flex lg:hidden inset-0" role="dialog" aria-modal="true">
     <div class="bx-sidebar-site-bg fixed inset-0 bg-gray-600 opacity-75" aria-hidden="true"></div>
     <div class="bx-sidebar-cnt relative flex-1 flex flex-col max-w-xs w-full pt-5 pb-4 bg-white dark:bg-gray-900">
         <div class="absolute top-0 right-0 -mr-12 pt-2">

template/_sub_header.html

@@ -3,7 +3,7 @@
 <div class="bx-main <bx_injection:injection_main_class />">
     <bx_injection:top />
 
-    <div id="bx-toolbar" class="bx-header bx-def-z-index-nav fixed w-full bg-white/95 dark:bg-gray-800/95 backdrop-blur shadow-sm">
+    <div id="bx-toolbar" class="bx-header bx-def-z-index-nav fixed top-0 w-full ring-1 ring-gray-300 dark:ring-gray-700 bg-white/95 dark:bg-gray-800/95 backdrop-blur shadow">
         <div class="bx-header-cnt bx-def-page-width mx-auto px-3 md:px-4 lg:px-6 box-border">
             <div class="bx-toolbar-content-wrapper">
                 <div id="bx-toolbar-content" class="bx-toolbar-content relative flex items-center justify-start h-16">

template/cover.html

@@ -5,8 +5,7 @@
     }
 </style>
 </bx_if:logged_in>
-
-<div class="bx-menu-toolbar-padding">
+<div class="bx-menu-toolbar-padding pt-16">
     <div class="bx-cover-gap bx-def-centered bx-def-padding-leftright bx-def-page-width bx-def-box-sizing">
         <div class="bx-cover-wrapper __class__ bx-def-cover-color-bg" <bx_if:bg>style="background-image:url(__image_url__)"</bx_if:bg>>
             <div class="bx-cover-gradient"></div>

template/cover_empty.html

@@ -1 +1 @@
-<div class="bx-menu-toolbar-padding"></div>
+<div class="bx-menu-toolbar-padding pt-16"></div>