mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-06-28 05:15:54 +00:00
077a0685ad
* Added: Helper text to `Appearance > Theme` with suggested colors, as well as the previous site fonts. * Changed: Automatically enable or disable Twitch's Dark Theme when setting a background color, to ensure page elements stay styled correctly. * Changed: Don't try injecting our script on `brand` or `dev` subdomains. * Changed: Do not allow setting the alpha value of custom background colors. * Fixed: Add relative positioning to most of our tool-tip wrapper elements, to ensure tool-tips are positioned correctly. * Fixed: Stop modifying queries with Apollo. Just send our own queries when we need a bit of extra data. Should prevent loading issues. * Fixed: Option to hide the Discover link in the top navigation not working. * Fixed: Option to hide live indicators on channel cards not working. * Fixed: Add a few more rules to the new theme to ensure all elements are colored correctly. * Fixed: Do not square avatars within the Bits Leaderboard. * Known Issue: Light custom themes do not look good in Theater Mode.
36 lines
No EOL
657 B
SCSS
36 lines
No EOL
657 B
SCSS
.ffz--tab-container {
|
|
@extend .ffz--outer-container;
|
|
|
|
header:focus {
|
|
outline: none;
|
|
|
|
.tab.active {
|
|
box-shadow: inset 0 0 0 1px var(--color-border-tab-active),
|
|
0 0 6px -2px var(--color-border-tab-active);
|
|
}
|
|
}
|
|
|
|
.tab {
|
|
cursor: pointer;
|
|
position: relative;
|
|
|
|
border-top: 1px solid;
|
|
border-right: 1px solid;
|
|
&:first-child { border-left-width: 1px; border-left-style: solid }
|
|
|
|
border-color: var(--color-border-base);
|
|
|
|
&.active:after {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
content: '';
|
|
border-bottom: 4px solid var(--color-border-tab-active);
|
|
}
|
|
}
|
|
|
|
& > section {
|
|
@extend .ffz--inner-container;
|
|
}
|
|
} |