Skip to content

Commit 385f6c2

Browse files
fix(tabs): set correct bootstrap focus border var (#1981)
Co-authored-by: Radoslav Karaivanov <[email protected]>
1 parent dde546e commit 385f6c2

File tree

1 file changed

+2
-5
lines changed

1 file changed

+2
-5
lines changed

src/components/tabs/themes/shared/tab/tab.bootstrap.scss

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,8 @@ $theme: $bootstrap;
6767
position: absolute;
6868
width: 100%;
6969
height: 100%;
70-
box-shadow: inset 0 0 0 rem(2px) var-get($theme, 'item-active-hover-color');
70+
box-shadow: inset 0 0 0 rem(2px) var-get($theme, 'item-hover-color');
71+
border-radius: var-get($theme, 'border-radius') var-get($theme, 'border-radius') rem(4px) rem(4px);
7172
z-index: 2;
7273
}
7374
}
@@ -104,10 +105,6 @@ $theme: $bootstrap;
104105
&:focus-within {
105106
border: none;
106107
background: var-get($theme, 'item-background');
107-
108-
&::after{
109-
border-radius: var-get($theme, 'border-radius') var-get($theme, 'border-radius') rem(4px) rem(4px);
110-
}
111108
}
112109

113110
&:focus-within {

0 commit comments

Comments
 (0)