Skip to content
This repository was archived by the owner on Jul 30, 2025. It is now read-only.

Commit fc97ab8

Browse files
committed
fix(plugins/plugin-client-common): new patternfly-based TopTabStripe behaves poorly with narrower windows
Fixes #6549
1 parent deb7b47 commit fc97ab8

File tree

1 file changed

+5
-0
lines changed
  • plugins/plugin-client-common/web/scss/components/TopTabStripe

1 file changed

+5
-0
lines changed

plugins/plugin-client-common/web/scss/components/TopTabStripe/_index.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@ $tab-label-font-size: 0.875rem;
3131
align-items: stretch;
3232

3333
.kui--top-tab-stripe-header {
34+
display: flex;
3435
height: $height;
3536
min-height: $height;
3637
align-items: stretch;
@@ -45,6 +46,9 @@ $tab-label-font-size: 0.875rem;
4546
margin-right: 1em;
4647
position: relative;
4748

49+
/** Override some media queries */
50+
padding-right: var(--pf-c-page__header-brand--xl--PaddingRight);
51+
4852
/* vertical separator */
4953
&:after {
5054
box-shadow: 1px 0 0px 0 var(--color-table-border3);
@@ -222,6 +226,7 @@ $tab-label-font-size: 0.875rem;
222226
}
223227
@include TopTabs {
224228
padding-left: 0;
229+
background-color: transparent;
225230
}
226231
}
227232

0 commit comments

Comments
 (0)