moonleay/FirefoxSidebar
1
0
Fork 0
forked from CaptaiNiveau/FirefoxSidebar
Code Pull requests Activity

Update treestyletabs.md

Browse source
This commit is contained in:
t. Macleod Sawyer 2021-02-28 18:40:09 -06:00 committed by GitHub
parent db3291c1c8
commit b722aa7258
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 43 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
firefox/treestyletabs.md
View file

@ -2,8 +2,7 @@
This is a recreation (and better) version of my pseudo-popular Vivaldi vertical tab integration, for tree style tabs in firefox. This is a recreation (and better) version of my pseudo-popular Vivaldi vertical tab integration, for tree style tabs in firefox.
``` ```/* Hide .twisty and adjust margins so favicons have 7px on left. */
/* Hide .twisty and adjust margins so favicons have 7px on left. */
.tab .twisty { .tab .twisty {
visibility: hidden; visibility: hidden;
margin-left: -8px; margin-left: -8px;
@ -31,7 +30,8 @@ tab-item:hover {
} }
.tab, .tabs, body, #background { .tab, .tabs, body, #background {
background: #F5F6F7; /* #F5F6F7; */ /* #F5F6F7; */
background: transparent;
} }
@ -54,7 +54,7 @@ tab-item {
box-shadow: none !important; box-shadow: none !important;
border-radius: 5px; border-radius: 5px;
padding: 5px !important; padding: 5px !important;
margin: 11px !Important; margin: 7.5px 11px !Important;
text-align: center; text-align: center;
} }
.tab .label { .tab .label {
@ -94,12 +94,11 @@ tab-item.active {
.after-tabs button { .after-tabs button {
border: none; border: none;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: medium;
box-shadow: none; box-shadow: none;
border-top: 1px solid var(--in-content-border-color); padding: 5px;
padding: 10px; margin: 11px;
text-align: left;
background: none;
} }
.after-tabs button:hover { .after-tabs button:hover {
@ -153,4 +152,37 @@ padding: 10px;
margin-right: -15px !important; margin-right: -15px !important;
opacity: 0.65; opacity: 0.65;
} }
.newtab-button {
/*! text-align: left; */
/*! margin: 8px !important; */
}
.newtab-button::after {
content: "New Tab";
font-size: 13px;
padding-left: 10px;
margin-top: 0px;
position: absolute;
opacity: 0.85;
display: none;
}
.after-tabs {
border-top: 1px solid var(--in-content-border-color);
}
#tabbar-container:hover .newtab-button::after {
display: inline-block;
}
#tabbar-container {
background: var(--theme-colors-toolbar);
}
.newtab-button::before {
padding-left: 1.5px;
}
``` ```