diff options
| author | Henry Jameson <me@hjkos.com> | 2018-11-21 23:30:47 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-11-21 23:30:47 +0300 |
| commit | cd6c5b3e33fc71d68892f5d6985a3d27125468bc (patch) | |
| tree | 2f0ba9456cfb85505295fc8f31e05614896e7f06 | |
| parent | b8b5dbf63e73e9ca7f5683cb6cca8d47e9cee49c (diff) | |
fix for tab-switcher
| -rw-r--r-- | src/components/tab_switcher/tab_switcher.scss | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/src/components/tab_switcher/tab_switcher.scss b/src/components/tab_switcher/tab_switcher.scss index fee30800..bd93e988 100644 --- a/src/components/tab_switcher/tab_switcher.scss +++ b/src/components/tab_switcher/tab_switcher.scss @@ -29,15 +29,24 @@ } .tab { + position: relative; border-bottom-left-radius: 0; border-bottom-right-radius: 0; - padding: .3em 1em 99px; + padding: 5px 1em 99px; &:not(.active) { - border-bottom: 1px solid; - border-bottom-color: $fallback--border; - border-bottom-color: var(--border, $fallback--border); z-index: 4; + + &::after { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 26px; + border-bottom: 1px solid; + border-bottom-color: $fallback--border; + border-bottom-color: var(--border, $fallback--border); + } } &.active { |