summaryrefslogtreecommitdiffstats
path: root/application/palemoon/themes/linux
diff options
context:
space:
mode:
authorFranklinDM <mrmineshafter17@gmail.com>2018-11-17 10:55:10 +0800
committerFranklinDM <mrmineshafter17@gmail.com>2018-11-17 10:55:10 +0800
commita6b250b47730cc4751cfc5ca9e96a4b74e4d6572 (patch)
treebb7eec5d3d6f60f6b3146d068887f7edd81bc102 /application/palemoon/themes/linux
parent66cc7d91a44fd6789b80cd61ee7b84c63d402122 (diff)
downloadUXP-a6b250b47730cc4751cfc5ca9e96a4b74e4d6572.tar
UXP-a6b250b47730cc4751cfc5ca9e96a4b74e4d6572.tar.gz
UXP-a6b250b47730cc4751cfc5ca9e96a4b74e4d6572.tar.lz
UXP-a6b250b47730cc4751cfc5ca9e96a4b74e4d6572.tar.xz
UXP-a6b250b47730cc4751cfc5ca9e96a4b74e4d6572.zip
Issue #638 - Part 8: Add overlay sound icon for pinned tabs
- This also moves some styles to tabbrowser.css
Diffstat (limited to 'application/palemoon/themes/linux')
-rw-r--r--application/palemoon/themes/linux/browser.css54
1 files changed, 49 insertions, 5 deletions
diff --git a/application/palemoon/themes/linux/browser.css b/application/palemoon/themes/linux/browser.css
index 1eed36741..33ae211d6 100644
--- a/application/palemoon/themes/linux/browser.css
+++ b/application/palemoon/themes/linux/browser.css
@@ -1766,11 +1766,6 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
padding: 0;
}
-.tab-icon-sound:not(:-moz-any([soundplaying],[muted],[blocked])),
-.tab-icon-sound[pinned] {
- display: none;
-}
-
.alltabs-endimage[soundplaying],
.tab-icon-sound[soundplaying] {
list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio");
@@ -1798,6 +1793,55 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
opacity: 0;
}
+/* Tab icon overlay */
+.tab-icon-overlay {
+ width: 16px;
+ height: 16px;
+ margin-top: -8px;
+ margin-inline-start: -15px;
+ margin-inline-end: -1px;
+ position: relative;
+}
+
+.tab-icon-overlay[soundplaying],
+.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]) {
+ border-radius: 10px;
+}
+
+.tab-icon-overlay[soundplaying]:hover,
+.tab-icon-overlay[muted]:not([crashed]):hover,
+.tab-icon-overlay[blocked]:not([crashed]):hover {
+ background-color: white;
+}
+
+.tab-icon-overlay[soundplaying] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio");
+}
+
+.tab-icon-overlay[muted] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted");
+}
+
+.tab-icon-overlay[blocked] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked");
+}
+
+#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying]:not([selected]):not(:hover),
+.tab-icon-overlay[soundplaying][selected]:-moz-lwtheme-brighttext:not(:hover) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white");
+}
+
+#TabsToolbar[brighttext] .tab-icon-overlay[muted]:not([crashed]):not([selected]):not(:hover),
+.tab-icon-overlay[muted][selected]:-moz-lwtheme-brighttext:not(:hover) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-muted");
+}
+
+#TabsToolbar[brighttext] .tab-icon-overlay[blocked]:not([crashed]):not([selected]):not(:hover),
+.tab-icon-overlay[blocked][selected]:-moz-lwtheme-brighttext:not(:hover) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-blocked");
+}
+
/* Tabstrip new tab button */
.tabs-newtab-button,
#TabsToolbar > #new-tab-button ,