v12020.03.05 - Fixed collapsed tree view

This commit is contained in:
t. Macleod Sawyer 2021-03-05 18:30:18 -06:00 committed by GitHub
parent 6f196711b3
commit 773909adc3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -3,6 +3,7 @@
Description: This is a recreation (and better) version of my pseudo-popular Vivaldi vertical tab integration, for tree style tabs in firefox. This is probably the best Tree Style Tabs interface out there. Description: This is a recreation (and better) version of my pseudo-popular Vivaldi vertical tab integration, for tree style tabs in firefox. This is probably the best Tree Style Tabs interface out there.
Author: @Drannex42 (https://github.com/drannex42/linux-utils - https://macleodsawyer.com) Author: @Drannex42 (https://github.com/drannex42/linux-utils - https://macleodsawyer.com)
Notes: This works best with my custom userChrome.css file in the /firefox/ folder - Lots of very cool features built in. Notes: This works best with my custom userChrome.css file in the /firefox/ folder - Lots of very cool features built in.
Version: 12020.03.05
*/ */
@ -83,7 +84,7 @@ tab-item:not(.faviconized) .contextual-identity-marker {
:root.left #tabbar { :root.left #tabbar {
box-shadow: none !important; box-shadow: none !important;
border: none !important; border: none !important;
margin-top: -5px; margin-top: -5px !important;
} }
@ -103,6 +104,10 @@ tab-item.active {
box-shadow: 0px 5px 10px var(--in-content-box-background-active) !important; box-shadow: 0px 5px 10px var(--in-content-box-background-active) !important;
} }
tab.item.collapsed {
display: none !important;
}
:root .tab .highlighter::before { :root .tab .highlighter::before {
display: none; display: none;
} }
@ -208,6 +213,18 @@ tab-item.active {
padding-left: 1.5px; padding-left: 1.5px;
} }
tab-item.pinned {
--pinned-position-top: 0px !important;
--pinned-position-bottom: none !Important;
top: auto !Important;
bottom: auto !Important;
margin: none !Important;
left: initial !important;
right: initial !Important;
}
@media screen and (max-width: 51px) { @media screen and (max-width: 51px) {
tab-item { tab-item {
max-width: 30px !important; max-width: 30px !important;