Skip to content

Commit

Permalink
🐛 fix(tab, core): correctif tab legacy & margin top des headings [DS-…
Browse files Browse the repository at this point in the history
…3281] (#621)

- Corrige la taille de l'icône
- Corrige l'alignement du contenu du tab_panel
- Ajustement du padding de la tab__list
- Retire les margin-top des headings (h1 -> h6)
  • Loading branch information
keryanS authored Jun 20, 2023
1 parent e45ae31 commit 89c83e1
Show file tree
Hide file tree
Showing 2 changed files with 33 additions and 3 deletions.
32 changes: 29 additions & 3 deletions src/component/tab/style/_legacy.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,41 @@
@use 'module/legacy';

@include legacy.is(ie11) {
/**
* Reset liste à puce
*/
#{ns(tabs)} {
@include disable-list-style-legacy;

@include before {
@include absolute(12v, 0, 0, 0);
}

#{ns(tabs__list)} {
@include padding(1v 3v);
}

&__tab {
@include icon-size-legacy(sm);
}

&__panel {
@include padding(0 0.1px);
left: 0;
@include enable-list-style-legacy;
@include enable-underline-legacy;

> * {
@include padding-x(4v);
@include padding-x(8v, md);
}

> *:first-child {
@include padding-top(3v);
@include padding-top(7v, md);
}

> *:last-child {
@include padding-bottom(4v);
@include padding-bottom(8v, md);
}
}
}
}
4 changes: 4 additions & 0 deletions src/core/style/typography/_legacy.scss
Original file line number Diff line number Diff line change
Expand Up @@ -7,4 +7,8 @@

@include legacy.is(ie11) {
@include enable-list-style-legacy;

h1, h2, h3, h4, h5, h6 {
@include margin(0 0 6v);
}
}

0 comments on commit 89c83e1

Please sign in to comment.