gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Swap active and inactive styling for large tab navigation

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-01 18:06:06 +02:00
parent 59eabd8882
commit a457ece614
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/10-components-interactive-elements.css
+6 -6
View File
@@ -159,16 +159,16 @@
padding-inline: var(--layout-tab-navigation-large-padding-inline); padding-inline: var(--layout-tab-navigation-large-padding-inline);
} }
.sg-tab-button[aria-selected="true"] { .sg-tab-button-group[data-component="tab-navigation"][data-component-size="large"] .sg-tab-button[aria-selected="true"] {
background: var(--surface-tab-selected);
color: var(--text-tab-selected);
}
.sg-tab-button[aria-selected="false"] {
background: var(--surface-tab-unselected); background: var(--surface-tab-unselected);
color: var(--text-tab-unselected); color: var(--text-tab-unselected);
} }
.sg-tab-button-group[data-component="tab-navigation"][data-component-size="large"] .sg-tab-button[aria-selected="false"] {
background: var(--surface-tab-selected);
color: var(--text-tab-selected);
}
.sg-tab-button-group[data-component-size="compact"] .sg-tab-button[aria-selected="false"] { .sg-tab-button-group[data-component-size="compact"] .sg-tab-button[aria-selected="false"] {
background: var(--surface-tab-compact-unselected); background: var(--surface-tab-compact-unselected);
color: var(--text-control-default); color: var(--text-control-default);