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

Fixed: hover effect on posts in the TL not entirely excluded from small screens

Browse source
This commit is contained in:
Niléane 2023-07-11 19:04:55 +02:00
commit f129b81d49
No known key found for this signature in database
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
TangerineUI-single-column.css
View file

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon /* TangerineUI 🍊 for Mastodon
version: 0.9.1 version: 0.9.2
by @nileane@nileane.fr by @nileane@nileane.fr
Tangerine UI is a UI revamp for Mastodon's Web interface. Tangerine UI is a UI revamp for Mastodon's Web interface.
@ -784,8 +784,7 @@ body.layout-single-column {
.layout-single-column .focusable:focus .detailed-status, .layout-single-column .focusable:focus .detailed-status,
.layout-single-column .focusable:focus .detailed-status__action-bar, .layout-single-column .focusable:focus .detailed-status__action-bar,
.layout-single-column .status__wrapper.focusable:focus .detailed-status, .layout-single-column .status__wrapper.focusable:focus .detailed-status,
.layout-single-column .focusable:focus .detailed-status__action-bar, .layout-single-column .focusable:focus .detailed-status__action-bar {
.layout-single-column .status__wrapper:has(.status__content:hover) {
outline: 0; outline: 0;
background: var(--color-content-bg-focus); background: var(--color-content-bg-focus);
} }
@ -801,6 +800,9 @@ body.layout-single-column {
0 -2px var(--color-content-secondary-bg) inset; 0 -2px var(--color-content-secondary-bg) inset;
} }
@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. */
.layout-single-column .status__wrapper:has(.status__content:hover) {
background: var(--color-content-bg-focus);
}
.layout-single-column .status__wrapper:has(.status__content:hover) { .layout-single-column .status__wrapper:has(.status__content:hover) {
box-shadow: box-shadow:
inset 72px 0 var(--color-content-bg-focus), inset 72px 0 var(--color-content-bg-focus),