1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-07-02 09:08:32 +00:00
FrankerFaceZ/styles/widgets/profile-selector.scss
SirStendec 9086230686 4.20.72
* Added: Setting to change the height of chat actions.
* Added: Profiles can now be toggled via hotkey.
* Added: Profiles can now be imported from URL as well as File.
* Added: Profiles with update URLs can have automatic updates disabled.
* Fixed: Support for the `clips.twitch.tv` domain.
* Fixed: Badges that make use of foreground text are no longer white in light themes.
* Fixed: Mod Icons appearing smaller than normal.
* Changed: Allow several types of actions, unrelated to moderation, to be used on a person's own chat messages.
* Changed: Better warn users in the Control Center when the current profile is set to automatically update.
* Changed: Make the FFZ Control Center remember which profile is selected when re-opening / refreshing.
* API Added: Add-ons can now target specific supported flavors. Choices thus far are `main` and `clips`.
* API Added: The `site.menu_button` now has `addToast(...)` and can display multiple toasts. Toasts can also time out.
* API Fixed: `openFile(...)` never resolving if the user closes the dialog without selecting a file.
2021-03-02 16:55:25 -05:00

79 lines
No EOL
1.1 KiB
SCSS

.ffz--profile-selector {
position: relative;
.ffz-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-border-button-active);
}
.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(--ffz-color-accent-8),
0 0 6px -2px var(--ffz-color-accent-8);
}
&:focus,
&:hover {
background-color: var(--color-background-alt-2);
}
}
.ffz--profile-row__icon-tray {
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;
}
}
}