Merge branch 'master' into photon-style

This commit is contained in:
alstjr7375 2021-06-09 11:57:39 +09:00
commit d00749f4cd

View file

@ -454,51 +454,6 @@
margin-left: 0px !important;
}
/** Pinned Tab - Replace Favicon to Close Button at Selected ****************/
.tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-close-button {
display: -moz-box !important;
-moz-box-ordinal-group: 0 !important;
transform: translateX(-1px);
/* Looks like hover */
width: 24px !important;
height: 24px !important;
padding: 7px !important;
}
.tabbrowser-tab[pinned][visuallyselected] .tab-icon-image {
display: none !important;
}
/* Left Padding - Assume the icon size is 17px */
.tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-content {
padding-inline: 7.5px !important; /* Original: 10px */
}
/* Right Padding - Assume the icon size is 17px */
.tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-icon-stack {
width: 8.5px !important;
}
.tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-content {
padding-inline-end: 0px !important;
}
.tabbrowser-tab[pinned][visuallyselected][busy] .tab-content {
padding-inline-end: 9.5px !important;
}
.tabbrowser-tab[pinned][busy] .tab-content {
padding-inline: 10.5px !important;
}
/* Sound Tab - Don't move overlay */
.tabbrowser-tab[pinned][busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
transform: translateX(.5px) translateY(-2px) !important;
}
.tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-icon-overlay {
transform: translateX(-9px) translateY(-2px) !important;
left: 0 !important;
}
/** Container Tab - Color line at icon's bottom *****************************/
.tab-icon-image {
box-sizing: content-box;
@ -507,27 +462,6 @@
border-bottom: 2px solid var(--identity-icon-color);
}
/* None exist favicon & Pinned to select */
.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 {
/* 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;
}
.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[pinned][visuallyselected]:not([busy]):not(:hover) .tab-content::before {
transform: translateX(2.5px) translateY(10px) !important; /* Pinned to select */
}
/* None exist favicon - With Sound */
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
box-sizing: content-box;