Last active
December 21, 2021 19:08
-
-
Save DCzajkowski/baaf7bc81aae5278d690eaae951a823b to your computer and use it in GitHub Desktop.
My CSS modifications to the current state of Proton design for Firefox (v90.0b4)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Firefox 96.0 | |
*/ | |
/* Removes the padding between pinned and unpinned tabs */ | |
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { | |
margin-inline-start: 0 !important; | |
} | |
/* Makes the speaker icon to always appear if the tab is playing (not only on hover) */ | |
.tab-icon-overlay:not([crashed]) { | |
top: -4.5px !important; | |
inset-inline-end: -9px !important; | |
z-index: 1 !important; | |
background: transparent !important; | |
stroke: white !important; | |
border-radius: 999px !important; | |
opacity: 1 !important; | |
fill-opacity: 1 !important; | |
} | |
.tab-icon-image:not([crashed]) { | |
opacity: 1 !important; | |
} | |
/* | |
* Older version, Firefox from 2021-04-22, probably 89. | |
*/ | |
/* @media (-moz-proton) { | |
#tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #toolbar-menubar:not(:hover) + #TabsToolbar:not(:hover) #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-icon-image[src] ~ .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]), :is(#toolbar-menubar:hover + #TabsToolbar, #TabsToolbar:hover) .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) { | |
opacity: 1 !important; | |
} | |
.tab-icon-overlay:not([crashed]) { | |
top: -4.5px !important; | |
inset-inline-end: -9px !important; | |
z-index: 1 !important; | |
background: transparent !important; | |
} | |
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { | |
opacity: 1 !important; | |
} | |
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { | |
margin-inline-start: 0 !important; | |
} | |
} */ |
Ok, I see I forgot to update the file to the newest design (v90.0). Uploading now.
EDIT: Updated.
Then it is treated as an public domain(CC0) license.
https://creativecommons.org/share-your-work/public-domain/cc0/
Sounds good @black7375. This file can be considered to be under CC0 🙂
@black7375 @Teym0ur1 Updated the styles for Firefox 96.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The logo of the website is still existing so is the "still playing", but it is just squeezed with the permanent sound icon