style: consistent save buttons and active tab
This commit is contained in:
parent
82962a2f2a
commit
ba08434604
15 changed files with 486 additions and 438 deletions
|
|
@ -577,7 +577,9 @@
|
|||
}
|
||||
|
||||
/* ============================================
|
||||
WCAG 2.2 AA: Tab list inactive tab text contrast (4.5:1)
|
||||
Member detail tabs (show + edit): inactive vs active contrast
|
||||
WCAG 2.2 AA: inactive tab text contrast (4.5:1)
|
||||
Active tab: visible border (DaisyUI tabs-bordered) and weight so which tab is selected is clear.
|
||||
============================================ */
|
||||
#member-tablist .tab:not(.tab-active) {
|
||||
color: oklch(0.35 0.02 285);
|
||||
|
|
@ -586,6 +588,13 @@
|
|||
color: oklch(0.72 0.02 257);
|
||||
}
|
||||
|
||||
/* Active tab: stronger underline (DaisyUI --tab-border-color) and font weight */
|
||||
#member-tablist .tab.tab-active,
|
||||
#member-tablist .tab[aria-selected="true"] {
|
||||
--tab-border-color: var(--color-base-content);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
WCAG 2.2 AA: Link contrast - primary and accent
|
||||
============================================ */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue