theme-store/themes/5c4d7772-d963-4672-ab03-e9d541438881/chrome.css
mr. m 🤙 5c9bb4612f
Add theme: Bigger Mute Button (#496)
* Add theme: Bigger Mute Button

* Add files via upload

* Delete themes/5c4d7772-d963-4672-ab03-e9d541438881/image.png

* Rename preview.png to image.png

---------

Co-authored-by: jvabn <jvabn@users.noreply.github.com>
2024-10-13 00:26:12 +02:00

33 lines
830 B
CSS

.tab-icon-overlay {
opacity: 1 !important;
margin: initial !important;
margin-right: 32px !important;
transform: translate(160%, 0%) scale(1.6) !important;
color: light-dark(black, white) !important;
background-color: transparent !important;
transition: 0.3s !important;
}
.tab-icon-overlay:hover {
color: var(--zen-primary-color) !important;
transition: 0.3s !important;
}
.tab-icon-overlay:is([soundplaying], [muted]):not([selected]) {
display: block !important;
}
/* Hide sound labels */
.tab-icon-sound-label,
.tab-icon-sound-playing-label {
display: none !important;
}
/* Mute button takes place of tab icon when tabs are not expanded */
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
.tab-icon-overlay {
margin: auto 30px !important;
transform: scale(1.6) !important;
}
}