Add: Container Tab - More larger line #23

We had several requests and we decided to accept them.
This commit is contained in:
BlaCk_Void 2021-08-30 00:08:06 +09:00
parent bea2ae07ac
commit 51754a82a3

View file

@ -1267,33 +1267,31 @@
border-bottom: 2px solid var(--identity-icon-color);
}
/* Busy, None exist favicon */
.tabbrowser-tab[busy] .tab-content::before,
.tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):not([soundplaying], [muted], [activemedia-blocked]) .tab-content::before,
.tabbrowser-tab[pinned][visuallyselected]:not([busy]):not(:hover) .tab-content::before {
.tabbrowser-tab:not([pinned]) .tab-content::before {
/* Box Model */
content: '';
display: block;
position: absolute !important;
transition: 0.2s !important;
transform: translateY(10px) !important;
/* Shape */
border-bottom: 2px solid var(--identity-icon-color);
width: 16px;
width: 25%;
/* Animate */
transition: 0.2s !important;
transform: translateY(10px) !important;
}
.tabbrowser-tab[busy] .tab-content::before,
.tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):not([soundplaying], [muted], [activemedia-blocked]) .tab-content::before {
transform: translateY(10px) !important; /* None exist favicon */
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
width: 75%;
}
/* None exist favicon - With Sound */
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
/* Pinned Tab */
.tabbrowser-tab[pinned] .tab-icon-image, .tab-sharing-icon-overlay {
box-sizing: content-box;
padding: 3px 0;
border-bottom: 2px solid var(--identity-icon-color);
}
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover {
border-bottom: none;
}
/* Pinned Tab - Titlechanged Indicator override */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]) .tab-icon-image,