mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-07-28 05:28:30 +00:00
76b72b86c8
* Added: Setting to hide the "Discover Luna" link in the top navigation. * Changed: Hide blocked categories from the directory's category list. * Fixed: Stream up-times not appearing in the directory. * Fixed: Error in error handler for PubSub. * API Added: `Dialog` now supports prepending its element to its container, rather than appending. * API Added: `tip.add_class` for adding additional classes to rich tooltips that may now have had their element created yet.
67 lines
No EOL
1.4 KiB
SCSS
67 lines
No EOL
1.4 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;
|
|
}
|
|
|
|
.ffz__tooltip & {
|
|
background: rgba(128,128,128,0.3);
|
|
color: var(--color-text-tooltip);
|
|
}
|
|
|
|
&--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);
|
|
}
|
|
}
|
|
}
|
|
} |