Ticket #3399 - Fixes, Tailwind and Flickity.

modules/boonex/artificer/data/template/bx_albums/unit.html

@@ -0,0 +1,26 @@
+<div class="bx-base-text-unit bx-base-text-unit-ext flex flex-col mb-3 md:mb-4 lg:mb-6 ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800 text-left rounded-md">
+    <div class="bx-albums-unit-text-cont px-4 pt-4 pb-2">
+        <h2 class="bx-base-text-unit-title"><a href="__content_url__">__title__</a></h2>
+        <bx_if:meta>
+            <div class="bx-base-text-unit-info mt-1 mb-2">
+                <div class="bx-base-general-unit-meta">__meta__</div>
+            </div>
+        </bx_if:meta>
+        <div class="bx-base-text-unit-summary bx-clearfix">__summary__</div> 
+    </div>
+    <div class="bx-albums-unit-images-cont px-1 pb-4">
+        <div class="bx-albums-unit-images">
+            <bx_repeat:browse>
+                <a class="bx-albums-unit-image" title="__title_attr__" href="__url__">
+                    <img alt="__title_attr__" src="__img_url__" />
+                    <bx_if:show_play>
+                        <div class="bx-albums-media-play rounded"><i class="sys-icon play"></i></div>
+                    </bx_if:show_play>
+                    <bx_if:show_duration>
+                        <div class="bx-albums-media-duration px-2 py-1 border rounded text-base">__duration__</div>
+                    </bx_if:show_duration>
+                </a>
+            </bx_repeat:browse>
+        </div> 
+    </div> 
+</div>

modules/boonex/artificer/data/template/bx_albums/unit_gallery.html

@@ -0,0 +1,17 @@
+<div class="bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size p-2">
+    <div class="bx-base-text-unit-cnt flex flex-col mb-3 md:mb-4 lg:mb-6 ring-1 ring-gray-200 dark:ring-gray-700 overflow-hidden bg-white dark:bg-gray-800 text-left rounded-md">
+        <div class="bx-albums-unit-images-cont">
+            <div class="bx-albums-unit-images">
+                <bx_repeat:browse><a class="bx-albums-unit-image" title="__title_attr__" href="__url__"><img alt="__title_attr__" src="__img_url__" /></a></bx_repeat:browse>
+            </div> 
+        </div>
+        <div class="bx-albums-unit-text-cont px-4 py-2 text-center">
+            <div class="bx-base-text-unit-title font-bold">
+                <a class="text-gray-500 dark:text-gray-400" href="__content_url__">__title__</a>
+            </div>
+            <div class="bx-base-text-unit-info">
+                <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
+            </div>
+        </div>
+    </div>
+</div>

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

@@ -107,6 +107,10 @@ 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.bx-menu-item-nl + li {
     margin-left: 0;
 }
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor .bx-base-pofile-unit .bx-def-icon-size {
+    width: 1.5rem;
+    height: 1.5rem;
+}
 
 
 /*--- Profile Cover ---*/

modules/boonex/artificer/data/template/system/connection_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 p-1 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 text-sm font-normal" <bx_repeat:attrs>__key__="__value__"</bx_repeat:attrs>>__content__</a></bx_if:show_link>
 __script__

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

@@ -1,4 +1,4 @@
-<span class="__style_prefix__-counter-label flex items-center text-sm font-normal p-1 hover:text-gray-700 dark:hover:text-gray-300 dark:hover:bg-gray-700 border-none rounded-full ">
+<span class="__style_prefix__-counter-label flex items-center">
     <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 rounded-full ring-white dark:ring-gray-800 h-6 w-6 bg-gray-200 dark:bg-gray-800">
             __name__

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

@@ -253,4 +253,11 @@ body.bx-popup-lock {
 button.bx-btn:focus,
 button.bx-btn:focus .bx-loading-ajax-btn {
     outline: 0;	
+}
+
+/*-- Flickity: Tailwind overwrite --*/
+.flickity-enabled .flickity-viewport .flickity-slider img,
+.flickity-enabled .flickity-viewport .flickity-slider video {
+    display: inline;
+    max-width: none;
 }

plugins_public/tailwind/css/tailwind.css

@@ -506,6 +506,11 @@
         @apply w-48 h-48;
     }
 
+    .bx-artificer .bx-base-general-unit-meta .bx-base-profile-unit-meta-item > a,
+    .bx-artificer .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor .bx-base-pofile-unit {
+        @apply p-1 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700;
+    }
+    
     /* 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;

template/css/common.css

@@ -908,4 +908,11 @@ input.bx-btn {
     padding-bottom: 0.25rem;
 
     text-align: center
+}
+
+/* --------------- Flickity: Tailwind overwrite */
+.flickity-enabled .flickity-viewport .flickity-slider img,
+.flickity-enabled .flickity-viewport .flickity-slider video {
+    display: inline;
+    max-width: none;
 }