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

Added focused state for CWs

Browse source
This commit is contained in:
Niléane 2023-12-24 02:21:47 +01:00
parent be279bd8e3
commit 32b8127a78
No known key found for this signature in database
3 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
TangerineUI-cherry.css
View file

@ -1931,6 +1931,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
outline: 0; outline: 0;
background: var(--color-content-bg-focus); background: var(--color-content-bg-focus);
} }
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__content__spoiler-link span {
background-color: var(--color-content-bg-focus);
outline-color: var(--color-content-bg-focus);
}
@media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */ @media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */
.app-body .status__wrapper:has(.status__content:hover), .app-body .status__wrapper:has(.status__content:hover),
.app-body .notification__message:has(+ div > .status__wrapper .status__content:hover) { .app-body .notification__message:has(+ div > .status__wrapper .status__content:hover) {

4
TangerineUI-purple.css
View file

@ -1931,6 +1931,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
outline: 0; outline: 0;
background: var(--color-content-bg-focus); background: var(--color-content-bg-focus);
} }
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__content__spoiler-link span {
background-color: var(--color-content-bg-focus);
outline-color: var(--color-content-bg-focus);
}
@media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */ @media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */
.app-body .status__wrapper:has(.status__content:hover), .app-body .status__wrapper:has(.status__content:hover),
.app-body .notification__message:has(+ div > .status__wrapper .status__content:hover) { .app-body .notification__message:has(+ div > .status__wrapper .status__content:hover) {

4
TangerineUI.css
View file

@ -1932,6 +1932,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
outline: 0; outline: 0;
background: var(--color-content-bg-focus); background: var(--color-content-bg-focus);
} }
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__content__spoiler-link span {
background-color: var(--color-content-bg-focus);
outline-color: var(--color-content-bg-focus);
}
@media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */ @media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */
.app-body .status__wrapper:has(.status__content:hover), .app-body .status__wrapper:has(.status__content:hover),
.app-body .notification__message:has(+ div > .status__wrapper .status__content:hover) { .app-body .notification__message:has(+ div > .status__wrapper .status__content:hover) {