mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-15 04:33:54 +02:00
48e126db90
- Increased size and margin, and vertically centered new Zen sound playing icon in the tab. - When in compact mode or with sidebar collapsed: Removed pointer events for sound playing button if tab is not the currently selected tab. Prevents unintentional toggling of the sound button when selecting or moving a tab with sound playing.
36 lines
1 KiB
CSS
36 lines
1 KiB
CSS
.tab-icon-overlay {
|
|
opacity: 1 !important;
|
|
margin: initial !important;
|
|
border: none !important;
|
|
margin-right: 35px !important;
|
|
transform: translate(130%, 45%) scale(1.5) !important;
|
|
background-color: transparent !important;
|
|
fill: light-dark(black, white) !important;
|
|
transition: 0.2s;
|
|
|
|
&:hover {
|
|
fill: var(--zen-primary-color) !important;
|
|
transition: 0.2s;
|
|
}
|
|
|
|
&:is([soundplaying], [muted]):not([selected]) {
|
|
display: block !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: 0px !important;
|
|
transform: translate(-35%, 50%) scale(1.5) !important;
|
|
|
|
/* Prevent button from being toggled if tab is not selected */
|
|
&:is([soundplaying], [muted]):not([selected]) {
|
|
pointer-events: none !important;
|
|
}
|
|
}
|
|
|
|
.tabbrowser-tab:is([soundplaying], [muted]) .tab-icon-image {
|
|
display: none !important;
|
|
}
|
|
}
|