From 3ab769207824223936e6684342591047db2f1a40 Mon Sep 17 00:00:00 2001 From: zellerbaptiste Date: Mon, 8 Jan 2024 17:34:28 +0100 Subject: [PATCH 1/2] feat(header): corrige taille et espacement des acces rapides --- src/component/header/style/module/_links.scss | 30 ++++++++++++++----- 1 file changed, 22 insertions(+), 8 deletions(-) diff --git a/src/component/header/style/module/_links.scss b/src/component/header/style/module/_links.scss index 230d81aa9..bc430bd27 100644 --- a/src/component/header/style/module/_links.scss +++ b/src/component/header/style/module/_links.scss @@ -79,14 +79,28 @@ @include display-flex(column); #{ns(btn)} { - @include width(calc(100% - 4v)); - @include min-size(null, 12v); - @include padding-x(0); - @include margin-bottom(0); - @include text-style(md); - - @include respond-from(lg) { - @include text-style(sm); + @include has-icon { + @include width(calc(100% - 4v)); + @include min-size(null, 12v); + @include padding-x(0); + @include margin-bottom(0); + @include text-style(md); + + @include respond-from(lg) { + @include text-style(sm); + } + } + + @include has-not-icon { + @include width(calc(100% - 4v)); + @include min-size(null, 12v); + @include padding-x(0); + @include margin-bottom(0); + @include text-style(md); + + @include respond-from(lg) { + @include text-style(sm); + } } } } From fc4b418be8593f700d208e95a6c0a9b89e7c4cfd Mon Sep 17 00:00:00 2001 From: zellerbaptiste Date: Thu, 11 Jan 2024 11:50:53 +0100 Subject: [PATCH 2/2] fix(header): retour de code review --- src/component/header/style/module/_links.scss | 31 +++++++------------ 1 file changed, 11 insertions(+), 20 deletions(-) diff --git a/src/component/header/style/module/_links.scss b/src/component/header/style/module/_links.scss index bc430bd27..d58e32922 100644 --- a/src/component/header/style/module/_links.scss +++ b/src/component/header/style/module/_links.scss @@ -4,18 +4,21 @@ //// #{ns(header)} { - #{ns-group(btns)} { + #{ns-group(btns)} { &:not(#{ns-group(btns)}--sm):not(#{ns-group(btns)}--lg) { @include class-not-start-with(#{ns(btns-group--icon-, '')}) { #{ns(btn)} { justify-content: flex-start; + @include nest-btn(md, left, null, null, false); - @include has-icon { - @include nest-btn(sm, left, null, null, false); - } + @include respond-from(lg) { + @include has-icon { + @include nest-btn(sm, left, null, null, false); + } - @include has-not-icon { - @include nest-btn(sm, left, null, null, false); + @include has-not-icon { + @include nest-btn(sm, left, null, null, false); + } } } } @@ -80,28 +83,16 @@ #{ns(btn)} { @include has-icon { - @include width(calc(100% - 4v)); @include min-size(null, 12v); @include padding-x(0); - @include margin-bottom(0); - @include text-style(md); - - @include respond-from(lg) { - @include text-style(sm); - } } @include has-not-icon { - @include width(calc(100% - 4v)); @include min-size(null, 12v); @include padding-x(0); - @include margin-bottom(0); - @include text-style(md); - - @include respond-from(lg) { - @include text-style(sm); - } } + + @include margin-bottom(0); } } }