IBX-2920: Fixed rolled-up styles (#430)

ibexa · May 26, 2022 · 281bc18 · 281bc18
1 parent 39ca3b3
commit 281bc18
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/bundle/Resources/public/js/scripts/admin.location.adaptive.tabs.js b/src/bundle/Resources/public/js/scripts/admin.location.adaptive.tabs.js
@@ -7,10 +7,9 @@
         const header = toggler.closest('.ibexa-header');
         const headerContainer = header.parentElement;
         const tabContent = headerContainer.querySelector('.ibexa-tab-content');
-        const isTabContentRolledUp = toggler.classList.contains('ibexa-tabs__toggler--rolled-up');
 
         toggler.classList.toggle('ibexa-tabs__toggler--rolled-up');
-        tabContent.style.height = isTabContentRolledUp ? '' : '0px';
+        tabContent.classList.toggle('ibexa-tab-content--rolled-up');
     };
 
     doc.querySelectorAll('.ibexa-tabs__toggler').forEach((toggler) => {

diff --git a/src/bundle/Resources/public/scss/_tabs.scss b/src/bundle/Resources/public/scss/_tabs.scss
@@ -266,4 +266,13 @@
             padding: 0;
         }
     }
+
+    &--rolled-up {
+        height: calculateRem(24px);
+        border-radius: 0 0 calculateRem(10px) calculateRem(10px);
+
+        .tab-pane {
+            opacity: 0;
+        }
+    }
 }