IBX-3528: Fixed collapse toggler rotation (#756)

ibexa · May 12, 2023 · 8f6ee27 · 8f6ee27
1 parent e239916
commit 8f6ee27
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/bundle/Resources/public/scss/_collapse.scss b/src/bundle/Resources/public/scss/_collapse.scss
@@ -49,6 +49,12 @@
             max-width: calc(100% - #{calculateRem(120px)});
         }
 
+        &--status {
+            &.collapsed {
+                transform: rotate(180deg);
+            }
+        }
+
         .ibexa-collapse__header-label {
             white-space: nowrap;
             overflow: hidden;

diff --git a/src/bundle/Resources/views/themes/admin/ui/component/collapse.html.twig b/src/bundle/Resources/views/themes/admin/ui/component/collapse.html.twig
@@ -36,7 +36,7 @@
                 {% endif %}
 
                 <button
-                    class="btn ibexa-btn ibexa-btn--no-text ibexa-collapse__toggle-btn ibexa-collapse__toggle-btn--status"
+                    class="btn ibexa-btn ibexa-btn--no-text ibexa-collapse__toggle-btn ibexa-collapse__toggle-btn--status {{ not is_expanded|default(false) ? 'collapsed' }}"
                     type="button"
                     data-bs-toggle="collapse"
                     data-bs-target="#{{ body_id }}"