fix(inte): edit toggle buttons responsive + submenu icons

Mezcalito · Sep 9, 2024 · 0109bd1 · 0109bd1
1 parent ef9bb9e
commit 0109bd1
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 3 deletions.
diff --git a/assets/dist/styles.min.css b/assets/dist/styles.min.css
diff --git a/assets/src/scss/04_components/_components.button.scss b/assets/src/scss/04_components/_components.button.scss
@@ -7,6 +7,7 @@
   display: flex;
   align-items: center;
   gap: $space-10;
+  z-index: 1;
 
   &:hover {
     background-color: var(--fm-button-bg-hover);

diff --git a/assets/src/scss/04_components/_components.card-actions.scss b/assets/src/scss/04_components/_components.card-actions.scss
@@ -36,6 +36,11 @@
     transition: background-color var(--fm-transition-in-out);
     width: 100%;
 
+    svg {
+      min-width: $space-16;
+      height: $space-16;
+    }
+
     &:hover {
       background-color: var(--fm-card-actions-button-bg-hover);
     }

diff --git a/assets/src/scss/04_components/_components.submenu.scss b/assets/src/scss/04_components/_components.submenu.scss
@@ -7,6 +7,7 @@
   transition: opacity var(--fm-transition-in-out);
   opacity: 0;
   pointer-events: none;
+  z-index: 1;
 
   &.is-active {
     opacity: 1;

diff --git a/assets/src/scss/04_components/_components.toggle-buttons.scss b/assets/src/scss/04_components/_components.toggle-buttons.scss
@@ -9,14 +9,14 @@
     align-items: center;
     justify-content: center;
     background-color: var(--fm-button-bg);
+    width: fit-content;
   }
 
   button {
     padding: $space-10;
 
     @include max-width(md) {
-      padding: 0;
-
+      //padding: 0;
       svg path {
         stroke: var(--fm-toggle-button-mob);
       }