chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed post hover state on the CW button

Browse source
This commit is contained in:
Niléane 2023-12-24 02:10:41 +01:00
parent 92320f80e0
commit c70e3a2484
No known key found for this signature in database
3 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
TangerineUI-cherry.css
View file

@ -1939,6 +1939,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status__wrapper:has(.status__content:hover) .status__avatar { .app-body .status__wrapper:has(.status__content:hover) .status__avatar {
outline: 6px solid var(--color-content-bg-focus); outline: 6px solid var(--color-content-bg-focus);
} }
.app-body .status__wrapper:has(.status__content:hover) .status__content__spoiler-link span {
background-color: var(--color-content-bg-focus);
outline-color: var(--color-content-bg-focus);
}
} }
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar { .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
outline: 6px solid var(--color-content-bg-focus); outline: 6px solid var(--color-content-bg-focus);
@ -2367,7 +2371,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transition: transition:
border-color .3s, border-color .3s,
outline-color .3s, outline-color .3s,
transform .3s; transform .3s,
background-color .3s;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
border-color: rgba(68, 74, 90, .6); border-color: rgba(68, 74, 90, .6);

7
TangerineUI-purple.css
View file

@ -1939,6 +1939,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status__wrapper:has(.status__content:hover) .status__avatar { .app-body .status__wrapper:has(.status__content:hover) .status__avatar {
outline: 6px solid var(--color-content-bg-focus); outline: 6px solid var(--color-content-bg-focus);
} }
.app-body .status__wrapper:has(.status__content:hover) .status__content__spoiler-link span {
background-color: var(--color-content-bg-focus);
outline-color: var(--color-content-bg-focus);
}
} }
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar { .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
outline: 6px solid var(--color-content-bg-focus); outline: 6px solid var(--color-content-bg-focus);
@ -2367,7 +2371,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transition: transition:
border-color .3s, border-color .3s,
outline-color .3s, outline-color .3s,
transform .3s; transform .3s,
background-color .3s;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
border-color: rgba(68, 74, 90, .6); border-color: rgba(68, 74, 90, .6);

7
TangerineUI.css
View file

@ -1940,6 +1940,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status__wrapper:has(.status__content:hover) .status__avatar { .app-body .status__wrapper:has(.status__content:hover) .status__avatar {
outline: 6px solid var(--color-content-bg-focus); outline: 6px solid var(--color-content-bg-focus);
} }
.app-body .status__wrapper:has(.status__content:hover) .status__content__spoiler-link span {
background-color: var(--color-content-bg-focus);
outline-color: var(--color-content-bg-focus);
}
} }
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar { .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
outline: 6px solid var(--color-content-bg-focus); outline: 6px solid var(--color-content-bg-focus);
@ -2368,7 +2372,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
transition: transition:
border-color .3s, border-color .3s,
outline-color .3s, outline-color .3s,
transform .3s; transform .3s,
background-color .3s;
} }
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span { .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
border-color: rgba(68, 74, 90, .6); border-color: rgba(68, 74, 90, .6);