Skip to content

Commit acf8056

Browse files
authored
refactor(tabs-theme): Make sure that border don't break when adding new tabs dynamically (#15804)
1 parent ee80e1f commit acf8056

File tree

1 file changed

+15
-13
lines changed

1 file changed

+15
-13
lines changed

projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -267,6 +267,21 @@
267267
}
268268
}
269269
}
270+
271+
@if $bootstrap-theme {
272+
position: relative;
273+
274+
&::after {
275+
content: '';
276+
position: absolute;
277+
bottom: 0;
278+
inset-inline-start: 0;
279+
width: 100%;
280+
height: rem(1px);
281+
background: var-get($theme, 'border-color');
282+
z-index: 0;
283+
}
284+
}
270285
}
271286

272287
%tabs-header-content {
@@ -278,19 +293,6 @@
278293
%tabs-header-wrapper {
279294
position: relative;
280295
flex-grow: 1;
281-
282-
@if $bootstrap-theme {
283-
&::after {
284-
content: '';
285-
position: absolute;
286-
bottom: 0;
287-
inset-inline-start: 0;
288-
width: 100%;
289-
height: rem(1px);
290-
background: var-get($theme, 'border-color');
291-
z-index: 0;
292-
}
293-
}
294296
}
295297

296298
%tabs-header-scroll {

0 commit comments

Comments
 (0)