diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /browser/themes/shared/sidebar.css | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'browser/themes/shared/sidebar.css')
-rw-r--r-- | browser/themes/shared/sidebar.css | 139 |
1 files changed, 139 insertions, 0 deletions
diff --git a/browser/themes/shared/sidebar.css b/browser/themes/shared/sidebar.css new file mode 100644 index 0000000000..a9b3886e1f --- /dev/null +++ b/browser/themes/shared/sidebar.css @@ -0,0 +1,139 @@ +/* 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/. */ + +@namespace html url("http://www.w3.org/1999/xhtml"); + +:root { + --sidebar-background-color: -moz-sidebar; + --sidebar-text-color: -moz-sidebartext; + --sidebar-border-color: -moz-sidebarborder; +} + +#sidebar-box { + background-color: var(--sidebar-background-color); + color: var(--sidebar-text-color); + text-shadow: none; + + :root[lwt-sidebar="light"] & { + color-scheme: light; + } + :root[lwt-sidebar="dark"] & { + color-scheme: dark; + } +} + +#sidebar-header { + font-size: 1.333em; + padding: 8px; + border-bottom: 1px solid var(--sidebar-border-color); +} + +#sidebar-spacer { + /* To ensure the button doesn't expand unnecessarily for short labels, the + spacer should significantly out-flex the button. */ + flex: 1000 1000; +} + +#sidebar { + flex: 1; +} + +@media not (-moz-platform: linux) { + /* We don't let the splitter overlap the sidebar on Linux since the sidebar's + scrollbar is too narrow on Linux. */ + .sidebar-splitter { + appearance: none; + border: 0 solid; + border-inline-end-width: 1px; + border-color: var(--sidebar-border-color); + min-width: 1px; + width: 4px; + background-image: none !important; + background-color: transparent; + margin-inline-start: -4px; + position: relative; + } + + #sidebar-box[positionend] + .sidebar-splitter { + border-inline-width: 1px 0; + margin-inline: 0 -4px; + } +} + +#sidebar-throbber[loading="true"] { + list-style-image: image-set(url("chrome://global/skin/icons/loading.png"), url("chrome://global/skin/icons/loading@2x.png") 2x); +} + +#sidebar-title { + margin: 0; + padding: 0; + padding-inline: 8px 4px; + flex: 1; +} + +#sidebar-switcher-arrow { + -moz-context-properties: fill; + fill: currentColor; + opacity: 0.8; +} + +#sidebar-switcher-arrow { + list-style-image: url(chrome://global/skin/icons/arrow-down-12.svg); + width: 12px; + height: 12px; +} + +#sidebar-switcher-target { + appearance: none; + color: inherit; + margin-inline-end: 4px; + border-radius: var(--toolbarbutton-border-radius); + border: 1px solid transparent; + padding: 2px 4px; + flex: 1; +} + +#sidebar-switcher-target:hover { + background-color: var(--toolbarbutton-hover-background); +} + +#sidebar-switcher-target:hover:active, +#sidebar-switcher-target.active { + background-color: var(--toolbarbutton-active-background); +} + +#sidebar-switcher-target:focus-visible, +#sidebar-close:focus-visible { + outline: var(--focus-outline); + outline-offset: 0; +} + +#sidebarMenu-popup > menuitem { + min-width: 16em; +} + +menuseparator + #sidebar-extensions-separator { + display: none; +} + +#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon { + list-style-image: url(chrome://browser/skin/bookmark.svg); + -moz-context-properties: fill; + fill: currentColor; + opacity: 0.8; +} + +#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon { + list-style-image: url(chrome://browser/skin/history.svg); + -moz-context-properties: fill; + fill: currentColor; + opacity: 0.8; +} + +#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon { + list-style-image: url(chrome://browser/skin/synced-tabs.svg); + -moz-context-properties: fill; + fill: currentColor; + opacity: 0.8; +} |