summaryrefslogtreecommitdiffstats
path: root/toolkit/themes/shared/arrowscrollbox.css
diff options
context:
space:
mode:
Diffstat (limited to 'toolkit/themes/shared/arrowscrollbox.css')
-rw-r--r--toolkit/themes/shared/arrowscrollbox.css55
1 files changed, 55 insertions, 0 deletions
diff --git a/toolkit/themes/shared/arrowscrollbox.css b/toolkit/themes/shared/arrowscrollbox.css
new file mode 100644
index 0000000000..ff8cbec3cc
--- /dev/null
+++ b/toolkit/themes/shared/arrowscrollbox.css
@@ -0,0 +1,55 @@
+/* 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 url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+:host([scrolledtostart=true])::part(overflow-start-indicator),
+:host([scrolledtoend=true])::part(overflow-end-indicator),
+:host(:not([overflowing=true])) > toolbarbutton {
+ visibility: collapse;
+}
+
+/* Scroll arrows */
+
+toolbarbutton {
+ color: inherit;
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
+ -moz-context-properties: fill, fill-opacity;
+ fill: currentColor;
+ fill-opacity: 1;
+ padding: 2px;
+}
+
+toolbarbutton[disabled="true"] {
+ fill-opacity: var(--toolbarbutton-disabled-opacity);
+}
+
+:host([orient="horizontal"]) > toolbarbutton {
+ list-style-image: url("chrome://global/skin/icons/arrow-left.svg");
+}
+
+#scrollbutton-up > .toolbarbutton-icon {
+ transform: scaleY(-1);
+}
+
+:host([orient="horizontal"]) > #scrollbutton-down:-moz-locale-dir(ltr) > .toolbarbutton-icon,
+:host([orient="horizontal"]) > #scrollbutton-up:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1);
+}
+
+toolbarbutton > .toolbarbutton-text {
+ display: none;
+}
+
+@media not (-moz-platform: macos) {
+ :host(:not([clicktoscroll="true"])) > toolbarbutton {
+ appearance: none;
+ }
+}
+
+scrollbox,
+.scrollbox-clip {
+ min-width: 0;
+ min-height: 0;
+}