Ticket #4674 - Studio: Layout changes.

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

@@ -53,14 +53,6 @@ import url(../../../../../../../template/css/forms.css);
     text-transform: uppercase;
 }
 
-.bx-form-section-header .bx-form-section-title:hover {
-    background-color: rgba(243, 244, 246, 1);
-}
-
-.bx-form-section-header:not(.bx-form-collapsed) .bx-form-section-title {
-    background-color: rgba(243, 244, 246, 1);
-}
-
 .bx-form-section-header .bx-form-section-title .sys-icon {
     color: inherit !important;
 }

plugins_public/tailwind/css/tailwind.css

@@ -770,9 +770,15 @@
     }
 
     .bx-form-section.bx-form-section-header {
-        @apply border rounded-2xl;
+        @apply border border-gray-200 dark:border-gray-900 rounded-2xl;
         @apply overflow-hidden;
     }
+    .bx-form-section.bx-form-section-header .bx-form-section-title:hover {
+        @apply bg-gray-100 dark:bg-gray-900;
+    }
+    .bx-form-section.bx-form-section-header:not(.bx-form-collapsed) .bx-form-section-title {
+        @apply bg-gray-100 dark:bg-gray-900;
+    }
 
     /* Common elements: Forms: Text Input */
     .bx-artificer .bx-form-input-slider,

template/css/forms.css

@@ -39,13 +39,6 @@
     line-height: 1.5rem;
     text-transform: uppercase;
 }
-.bx-form-section-header .bx-form-section-title:hover {
-    background-color: rgba(243, 244, 246, 1);
-}
-
-.bx-form-section-header:not(.bx-form-collapsed) .bx-form-section-title {
-    background-color: rgba(243, 244, 246, 1);
-}
 
 .bx-form-section-header .bx-form-section-title .sys-icon {
     color: inherit;

template/form_field_section_title.html

@@ -12,7 +12,7 @@
             </a>
         </div>
         <div class="absolute right-0 py-5 pr-6">
-            <u class="bx-form-section-toggler"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg></u>
+            <u class="bx-form-section-toggler"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg></u>
         </div>
     </div>
 </bx_if:show_default>