Update treestyletabs.md

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

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.
```
/* Hide .twisty and adjust margins so favicons have 7px on left. */
```/* Hide .twisty and adjust margins so favicons have 7px on left. */
.tab .twisty {
visibility: hidden;
margin-left: -8px;
@ -31,7 +30,8 @@ tab-item:hover {
}
.tab, .tabs, body, #background {
background: #F5F6F7; /* #F5F6F7; */
/* #F5F6F7; */
background: transparent;
}
@ -54,7 +54,7 @@ tab-item {
box-shadow: none !important;
border-radius: 5px;
padding: 5px !important;
margin: 11px !Important;
margin: 7.5px 11px !Important;
text-align: center;
}
.tab .label {
@ -94,12 +94,11 @@ tab-item.active {
.after-tabs button {
border: none;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: medium;
box-shadow: none;
border-top: 1px solid var(--in-content-border-color);
padding: 10px;
padding: 5px;
margin: 11px;
text-align: left;
background: none;
}
.after-tabs button:hover {
@ -153,4 +152,37 @@ padding: 10px;
margin-right: -15px !important;
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;
}
```