Ticket #4051 - Labels select popup bug.

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

@@ -13,6 +13,9 @@
     height: 300px;
     object-fit: cover;
 }
+.bx-base-text-unit-ext .bx-base-text-unit-text {
+    text-align: left;
+}
 
 /*-- Browsing: Search results --*/
 .bx-base-text-unit-gallery-wrapper {

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

@@ -270,7 +270,6 @@ import url(../../../../../../../template/css/forms.css);
 
 
 /*--- Form field: Auto-siggestion ---*/
-
 .bx-form-value .bx-form-input-autotoken:not(.bx-form-input-labels) {
     float: left;
     padding: 0.125rem 0;
@@ -326,29 +325,14 @@ import url(../../../../../../../template/css/forms.css);
 
     margin-right: 0.5rem;
 }
-.sys-labels .bx-form-input-text.bx-form-input-autotoken b:first-child{
+.sys-labels .bx-form-input-text.bx-form-input-autotoken b:first-child {
     margin-left: 2px !important;
 }
-
-.sys-labels .bx-form-input-text.bx-form-input-autotoken.bx-form-input-disabled b{
+.sys-labels .bx-form-input-text.bx-form-input-autotoken.bx-form-input-disabled b {
     height: 2rem;
     line-height: 2rem;
 }
 
-.bx-form-value .sys-labels .bx-form-input-autotoken.bx-form-input-labels{
-    padding: 0 !important;
-    padding-top: 2px !important;
-}
-.sys-labels .bx-form-input-text.bx-form-input-autotoken
-{
-    min-height: 2.375rem !important;
-}
-.bx-form-value .bx-form-input-labels > a {
-    margin-left: 0.5rem;
-}
-.bx-form-value .bx-form-input-labels > a:first-child {
-    margin-left: 0;
-}
 .select2-container {
     width:100% !important;
 }

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

@@ -2,6 +2,16 @@
 
 
 /*-- Labels Form Field --*/
+.sys-labels .bx-form-input-text.bx-form-input-autotoken {
+    min-height: 2.375rem;
+}
+
 .bx-form-value .sys-labels .bx-form-input-autotoken.bx-form-input-labels {
-    padding: 0.25rem 0;
+    padding: 0.125rem 0;
+}
+.bx-form-value .bx-form-input-labels > a {
+    margin-left: 0.5rem;
+}
+.bx-form-value .bx-form-input-labels > a:first-child {
+    margin-left: 0;
 }

plugins_public/tailwind/css/tailwind.css

@@ -183,6 +183,9 @@
     .bx-artificer .bx-def-margin {
         @apply m-4;
     }
+    .bx-artificer .bx-def-margin-neg {
+        @apply -m-4;
+    }
     .bx-artificer .bx-def-margin-left {
         @apply ml-4;
     }
@@ -223,6 +226,9 @@
     .bx-artificer .bx-def-margin-sec {
         @apply m-2;
     }
+    .bx-artificer .bx-def-margin-sec-neg {
+        @apply -m-2;
+    }
     .bx-artificer .bx-def-margin-sec-left {
         @apply ml-2;
     }
@@ -269,6 +275,9 @@
     .bx-artificer .bx-def-margin-thd {
         @apply m-1;
     }
+    .bx-artificer .bx-def-margin-thd-neg {
+        @apply -m-1;
+    }
     .bx-artificer .bx-def-margin-thd-left {
         @apply ml-1;
     }

plugins_public/tailwind/js/tailwind.config.js

@@ -44,9 +44,9 @@ module.exports = {
     'bg-col-gray', 'bg-col-gray-dark',
 
     '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-leftright', 'bx-def-margin-leftright-neg', 'bx-def-margin-topbottom', 'bx-def-margin-topbottom-neg', 'bx-def-margin-lefttopright', 'bx-def-margin-rightbottomleft', 
-    '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-sec-leftright', 'bx-def-margin-sec-leftright-neg', 'bx-def-margin-sec-topbottom', 'bx-def-margin-sec-topbottom-neg', 'bx-def-margin-sec-lefttopright', 'bx-def-margin-sec-rightbottomleft', 
-    '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-margin-thd-leftright', 'bx-def-margin-thd-leftright-neg', 'bx-def-margin-thd-topbottom', 'bx-def-margin-thd-topbottom-neg', 'bx-def-margin-thd-lefttopright', 'bx-def-margin-thd-rightbottomleft', 
+    'bx-def-margin', 'bx-def-margin-neg', '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-leftright', 'bx-def-margin-leftright-neg', 'bx-def-margin-topbottom', 'bx-def-margin-topbottom-neg', 'bx-def-margin-lefttopright', 'bx-def-margin-rightbottomleft', 
+    'bx-def-margin-sec', 'bx-def-margin-sec-neg', '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-sec-leftright', 'bx-def-margin-sec-leftright-neg', 'bx-def-margin-sec-topbottom', 'bx-def-margin-sec-topbottom-neg', 'bx-def-margin-sec-lefttopright', 'bx-def-margin-sec-rightbottomleft', 
+    'bx-def-margin-thd', 'bx-def-margin-thd-neg', '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-margin-thd-leftright', 'bx-def-margin-thd-leftright-neg', 'bx-def-margin-thd-topbottom', 'bx-def-margin-thd-topbottom-neg', 'bx-def-margin-thd-lefttopright', 'bx-def-margin-thd-rightbottomleft', 
     '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-leftright', 'bx-def-padding-topbottom', 'bx-def-padding-lefttopright', 'bx-def-padding-rightbottomleft', 
     '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-sec-leftright', 'bx-def-padding-sec-topbottom', 'bx-def-padding-sec-lefttopright', 'bx-def-padding-sec-rightbottomleft', 
     '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-padding-thd-leftright', 'bx-def-padding-thd-topbottom', 'bx-def-padding-thd-lefttopright', 'bx-def-padding-thd-rightbottomleft', 

template/css/label.css

@@ -67,6 +67,10 @@
 
 
 /*-- Labels Popup List and Labels Browse  --*/
+.sys-labels-list-cnt {
+    max-height: 20rem;
+    overflow-y: auto;
+}
 .sys-labels-level {
     position: relative;