fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2025-11-04 12:35:55 +00:00
Code Issues Projects Releases Packages Wiki Activity

Set multiselected tabs to have tab hover background color. Fixes #150

Browse source
This commit is contained in:
MrOtherGuy 2021-10-11 17:44:40 +03:00
parent 33a655de9e
commit 9ad96bb6f3
1 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
chrome/non_floating_sharp_tabs.css
View file

@ -1,9 +1,9 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/non_floating_sharp_tabs.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* This style makes tabs and related items non-rounded and connects tabs to toolbars like in previous Firefox versions. */
/* It's not strictly a requirement, but this style expects compact_proton.css to be loaded before it. */
/* This style makes tabs and related items non-rounded and connects tabs to toolbars like in previous Firefox versions.
* You should set layout.css.color-mix.enabled to true in about:config to make colors apply properly.
* It's not strictly a requirement, but this style expects compact_proton.css to be loaded before it. */
:root[id]{
--proton-tab-block-margin: 0px !important;
@ -66,6 +66,8 @@ See the above repository for updates as well as full license text. */
box-shadow: none !important;
}
.tab-background:not([selected])[multiselected]{ background: color-mix(in srgb, currentColor 11%, transparent) !important; }
/* Line to mark selected tab */
.tab-background[selected]::before,
.tabbrowser-tab:hover > stack > .tab-background::before{
@ -89,4 +91,4 @@ See the above repository for updates as well as full license text. */
.tabbrowser-tab:is([pinned],[selected]) > .tab-stack > .tab-background::before{ animation: none }
/* moves context-line to the bottom */
.tab-context-line{ -moz-box-ordinal-group: 2; margin-inline: 10px !important; }
.tab-context-line{ -moz-box-ordinal-group: 2; margin-inline: 10px !important; }