feat(inte): edit collapse folder margin

Mezcalito · May 27, 2024 · f558f32 · f558f32
1 parent 6893be1
commit f558f32
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/assets/dist/styles.css b/assets/dist/styles.css
@@ -954,6 +954,10 @@ body {
   transform: rotate(0deg) !important;
 }
 
+.c-collapse__openable {
+  margin-left: -2.3rem;
+}
+
 .c-collapse__head {
   display: flex;
   align-items: center;

diff --git a/assets/src/scss/05_components/_components.collapse.scss b/assets/src/scss/05_components/_components.collapse.scss
@@ -31,6 +31,10 @@
   }
 }
 
+.c-collapse__openable {
+  margin-left: -2.3rem;
+}
+
 .c-collapse__head {
   display: flex;
   align-items: center;

diff --git a/templates/components/folder_collapse.html.twig b/templates/components/folder_collapse.html.twig
@@ -3,7 +3,7 @@
 
 {% set hasChild = filesystem.listDirectory(node.path)|filter(child => child.isDir())|length > 0 %}
 
-<li {{ attributes.defaults({class: 'c-collapse', 'data-controller': hasChild ? 'mezcalito--ux-filemanager--collapse' : '', 'data-mezcalito--ux-filemanager--collapse-visible-value': "false"}) }}>
+<li {{ attributes.defaults({class: hasChild ? 'c-collapse c-collapse__openable' : 'c-collapse', 'data-controller': hasChild ? 'mezcalito--ux-filemanager--collapse' : '', 'data-mezcalito--ux-filemanager--collapse-visible-value': "false"}) }}>
 
     <div class='c-collapse__head{% if currentPath == node.path %} c-collapse__head--active{% endif %}'>
         {% if hasChild %}