Added focused state for CWs
This commit is contained in:
parent
be279bd8e3
commit
32b8127a78
3 changed files with 12 additions and 0 deletions
|
@ -1931,6 +1931,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
outline: 0;
|
||||
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. */
|
||||
.app-body .status__wrapper:has(.status__content:hover),
|
||||
.app-body .notification__message:has(+ div > .status__wrapper .status__content:hover) {
|
||||
|
|
|
@ -1931,6 +1931,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
outline: 0;
|
||||
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. */
|
||||
.app-body .status__wrapper:has(.status__content:hover),
|
||||
.app-body .notification__message:has(+ div > .status__wrapper .status__content:hover) {
|
||||
|
|
|
@ -1932,6 +1932,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
|||
outline: 0;
|
||||
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. */
|
||||
.app-body .status__wrapper:has(.status__content:hover),
|
||||
.app-body .notification__message:has(+ div > .status__wrapper .status__content:hover) {
|
||||
|
|
Loading…
Reference in a new issue