me/offline-twitter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: visually indicate the hovered Tweet with a background color change

Browse Source
This commit is contained in:
Alessio 2024-02-25 20:42:31 -08:00
parent 7330dfe05f
commit e2952d0fda
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
internal/webserver/static/styles.css
View File

@ -99,6 +99,10 @@ ul.inline-dotted-list li:last-child:after {
.tweet {
padding: 0 1.5em;
position: relative;
z-index: 0; /* Dunno why, but without it, hovering a tweet with a Poll hides the poll fill bars */
}
:not(#focused-tweet) > .tweet:hover:not(:has(.tweet:hover)) {
background-color: var(--color-twitter-off-white);
}
:not(#focused-tweet) > .tweet {
cursor: pointer;
@ -141,6 +145,8 @@ ul.inline-dotted-list li:last-child:after {
outline-color: lightgray;
outline-style: solid;
outline-width: 1px;
}
.rounded-gray-outline, .rounded-gray-outline > .tweet {
border-radius: 20px;
}