mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-08-03 08:28:31 +00:00
a1949b0f8e
* Added: Preview of new theming system with custom colors. * Changed: Start using the CSS color variables in more places. * Fixed: Alignment of metadata in theater mode. * Fixed: Custom chat font not applying to chat input. * Fixed: Do not attempt to fetch uptime when there is no channel ID. * Fixed: Hover state of emote menu section buttons. * Fixed: Re-add pill rendering for FFZ menu button.
83 lines
No EOL
1.2 KiB
SCSS
83 lines
No EOL
1.2 KiB
SCSS
.ffz--profile-selector {
|
|
position: relative;
|
|
|
|
.tw-balloon {
|
|
position: absolute;
|
|
margin-top: 0 !important
|
|
}
|
|
|
|
.scrollable-area {
|
|
max-height: 30rem;
|
|
}
|
|
}
|
|
|
|
.ffz--profile-row {
|
|
outline: none;
|
|
cursor: pointer;
|
|
|
|
border-left: 4px solid;
|
|
border-left-color: transparent;
|
|
|
|
&.live .ffz--profile-row__icon {
|
|
color: var(--color-green-darker);
|
|
}
|
|
|
|
&:not(.live):not(:hover):not(:focus) {
|
|
opacity: .5;
|
|
font-variant: italic;
|
|
|
|
.tw-root--theme-dark & {
|
|
opacity: .25;
|
|
}
|
|
}
|
|
|
|
&.current {
|
|
border-left-color: var(--color-twitch-purple-8);
|
|
}
|
|
|
|
.description {
|
|
opacity: .7;
|
|
}
|
|
|
|
&:first-child {
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
&:last-child {
|
|
&, .tw-root--theme-dark & {
|
|
border-bottom: none !important
|
|
}
|
|
}
|
|
|
|
&:focus {
|
|
box-shadow:
|
|
inset 0 0 0 1px var(--color-twitch-purple-8),
|
|
0 0 6px -2px var(--color-twitch-purple-8);
|
|
}
|
|
|
|
&:focus,
|
|
&:hover {
|
|
background: var(--color-opac-p-1);
|
|
|
|
.tw-root--theme-dark & {
|
|
background: var(--color-opac-p-4);
|
|
}
|
|
}
|
|
}
|
|
|
|
.ffz--profile-row__icon {
|
|
position: absolute;
|
|
top: 0.5rem; right: 0.5rem;
|
|
font-size: 1.6rem;
|
|
}
|
|
|
|
|
|
.ffz--experiment-row {
|
|
&:not(.live):not(:hover):not(:focus) {
|
|
opacity: 0.5;
|
|
|
|
.tw-root--theme-dark & {
|
|
opacity: .25;
|
|
}
|
|
}
|
|
} |