Skip to content

Commit

Permalink
fix: make Section z-index handling more robust
Browse files Browse the repository at this point in the history
  • Loading branch information
tujoworker committed Nov 11, 2021
1 parent 7036def commit 6d46b81
Show file tree
Hide file tree
Showing 3 changed files with 15 additions and 15 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -577,15 +577,15 @@ button.dnb-button::-moz-focus-inner {
color: var(--color-mint-green-12);
background-color: currentColor;
box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor; }
.dnb-section > .dnb-section::after {
.dnb-section .dnb-section::after {
z-index: -14; }
.dnb-section > .dnb-section > .dnb-section::after {
.dnb-section .dnb-section .dnb-section::after {
z-index: -13; }
.dnb-section > .dnb-section > .dnb-section > .dnb-section::after {
.dnb-section .dnb-section .dnb-section .dnb-section::after {
z-index: -12; }
.dnb-section > .dnb-section > .dnb-section > .dnb-section > .dnb-section::after {
.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
z-index: -11; }
.dnb-section > .dnb-section > .dnb-section > .dnb-section > .dnb-section > .dnb-section::after {
.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
z-index: -10; }
.dnb-section--spacing-small {
padding-top: var(--spacing-small);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -193,15 +193,15 @@ exports[`Section scss have to match snapshot 1`] = `
color: var(--color-mint-green-12);
background-color: currentColor;
box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor; }
.dnb-section > .dnb-section::after {
.dnb-section .dnb-section::after {
z-index: -14; }
.dnb-section > .dnb-section > .dnb-section::after {
.dnb-section .dnb-section .dnb-section::after {
z-index: -13; }
.dnb-section > .dnb-section > .dnb-section > .dnb-section::after {
.dnb-section .dnb-section .dnb-section .dnb-section::after {
z-index: -12; }
.dnb-section > .dnb-section > .dnb-section > .dnb-section > .dnb-section::after {
.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
z-index: -11; }
.dnb-section > .dnb-section > .dnb-section > .dnb-section > .dnb-section > .dnb-section::after {
.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
z-index: -10; }
.dnb-section--spacing-small {
padding-top: var(--spacing-small);
Expand Down
10 changes: 5 additions & 5 deletions packages/dnb-eufemia/src/components/section/style/_section.scss
Original file line number Diff line number Diff line change
Expand Up @@ -26,19 +26,19 @@
box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor,
297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor;
}
& > &::after {
& &::after {
z-index: -14;
}
& > & > &::after {
& & &::after {
z-index: -13;
}
& > & > & > &::after {
& & & &::after {
z-index: -12;
}
& > & > & > & > &::after {
& & & & &::after {
z-index: -11;
}
& > & > & > & > & > &::after {
& & & & & &::after {
z-index: -10;
}

Expand Down

0 comments on commit 6d46b81

Please sign in to comment.