diff options
Diffstat (limited to 'comm/mail/themes/shared/mail/unifiedToolbarTab.css')
-rw-r--r-- | comm/mail/themes/shared/mail/unifiedToolbarTab.css | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/comm/mail/themes/shared/mail/unifiedToolbarTab.css b/comm/mail/themes/shared/mail/unifiedToolbarTab.css new file mode 100644 index 0000000000..51004ed49e --- /dev/null +++ b/comm/mail/themes/shared/mail/unifiedToolbarTab.css @@ -0,0 +1,62 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +button { + padding-inline: 9px; + padding-block: 10px 6px; + box-sizing: border-box; + border-radius: 4px 4px 0 0; + cursor: default; + user-select: none; + appearance: none; + background: none; + border: 2px solid transparent; + border-bottom: none; + display: flex; + align-content: center; + gap: 6px; + width: 100%; + font-size: inherit; + position: relative; +} + +button[aria-selected="true"] { + background-color: var(--layout-background-1); + box-shadow: 0 2px 8px -5px var(--color-black); +} + +button::before { + content: ''; + height: 2px; + margin-top: 3px; + margin-inline: 3px; + border-radius: 3px; + position: absolute; + inset-inline: 2px; + top: 0; +} + +button[aria-selected="true"]::before { + background-color: var(--primary); +} + +button:not([aria-selected="true"]):hover { + background-color: color-mix(in srgb, var(--layout-background-1) 50%, transparent); +} + +button:not([aria-selected="true"]):hover::before { + background-color: color-mix(in srgb, var(--layout-color-1) 15%, transparent); +} + +button:focus-visible { + outline: 2px solid transparent; + border-color: var(--primary); +} + +span { + flex-shrink: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} |