mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-07-29 14:08:31 +00:00
ae90b8e4fe
* Added: Setting to display timestamps on additional types of chat messages. (Closes #983) * Changed: Do not set a Chat Width by default. * Changed: Have WebMunch dump a list of possible webpack bundle names when failing to find webpack. * Fixed: Appearance issues caused by Twitch's continual migration to procedural CSS class names, requiring duplicate CSS to achieve a native look. * Fixed: Ambiguous input field names in some FFZ Control Center widgets. (Closes #1017) * Fixed: Stop using Algolia for tag search.
62 lines
No EOL
1.3 KiB
SCSS
62 lines
No EOL
1.3 KiB
SCSS
.ffz-tag {
|
|
background-color: var(--color-background-tag-default);
|
|
border: var(--border-width-tag) solid transparent;
|
|
color: var(--color-text-tag);
|
|
height: 2rem;
|
|
|
|
&:not(:disabled) {
|
|
&:focus, &[data-focus-visible-added] {
|
|
background: var(--color-background-tag-hover);
|
|
border: var(--border-width-tag) solid var(--color-border-input-focus);
|
|
}
|
|
|
|
.tw-root--hover &:hover {
|
|
background: var(--color-background-tag-hover);
|
|
color: var(--color-text-tag);
|
|
text-decoration: none;
|
|
}
|
|
|
|
&:active {
|
|
background: var(--color-background-tag-active);
|
|
}
|
|
}
|
|
|
|
&:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
&__content {
|
|
padding: 0 .8rem;
|
|
|
|
&--icon {
|
|
padding-right: .4rem
|
|
}
|
|
}
|
|
|
|
&__icon {
|
|
height: 1.6rem;
|
|
width: 1.6rem;
|
|
}
|
|
|
|
&--overlay {
|
|
background: rgba(0,0,0,0.3);
|
|
border: var(--border-width-tag) solid var(--color-border-input-overlay);
|
|
color: var(--color-text-overlay);
|
|
|
|
&:not(:disabled) {
|
|
&:focus, &[data-focus-visible-added] {
|
|
border: var(--border-width-tag) solid var(--color-border-input-overlay-focus);
|
|
}
|
|
|
|
.tw-root--hover &:hover {
|
|
background: var(--color-background-interactable-overlay-hover);
|
|
color: var(--color-text-overlay);
|
|
}
|
|
|
|
&:active {
|
|
background: var(--color-background-interactable-overlay-active);
|
|
}
|
|
}
|
|
}
|
|
} |