fix(navigation): icon left par defaut

GouvernementFR · Sep 23, 2024 · 6e32710 · 6e32710
1 parent 5bcbc5e
commit 6e32710
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 11 deletions.
diff --git a/src/component/navigation/index.scss b/src/component/navigation/index.scss
@@ -4,5 +4,6 @@
 ////
 
 @import '../link/index';
+@import '../button/index';
 
 @import '../../core/index';
diff --git a/src/component/navigation/style/module/_default.scss b/src/component/navigation/style/module/_default.scss
@@ -76,6 +76,14 @@
       @include min-height(auto, lg);
     }
 
+    #{ns(nav__btn)} {
+      @include icon(arrow-down-s-line, sm, after) {
+        @include margin-left(2v);
+        @include margin-right(0);
+        transition: transform 0.3s;
+      }
+    }
+
     @include respond-from(lg) {
       position: initial;
       @include before(none);
@@ -89,6 +97,7 @@
 
   &__link,
   &__btn {
+    @include nest-btn(sm, left, null, null, false);
     @include size(100%);
     @include padding(3v 4v);
     @include text-style(md);
@@ -124,17 +133,6 @@
     flex-direction: row;
     @include padding(4v 3v 4v 4v, lg);
 
-    @include icon(arrow-down-s-line, sm, after) {
-      @include margin-left(2v);
-      @include margin-right(0);
-      transition: transform 0.3s;
-
-      @include preference.reduce-motion {
-        transition: none;
-      }
-    }
-    @include icon-forced-color(buttontext, true, after);
-
     @include respond-from(lg) {
       justify-content: flex-start;
     }