oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-09-15 17:46:55 +00:00
Code Wiki Activity

4.20.89

Browse source 
* 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.
This commit is contained in:
SirStendec 2021-04-01 12:05:29 -04:00
parent fa33491eec
commit ae90b8e4fe
35 changed files with 306 additions and 222 deletions
Download patch file Download diff file Expand all files Collapse all files

62
styles/native/tag.scss Normal file
View file

@ -0,0 +1,62 @@
.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);
}
}
}
}