Enhance hover effect for time display and avatar visibility

Browse Source
This commit is contained in:
BordedDev 2025-05-21 22:30:15 +02:00
parent c322d6147a
commit 9f577875f2
No known key found for this signature in database
GPG Key ID: C5F495EAE56673BF
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/snek/static/base.css
View File

@ -275,13 +275,18 @@ input[type="text"], .chat-input textarea {
} }
.avatar { .avatar {
opacity: 0; opacity: 0;
max-height: 0;
overflow: hidden;
} }
.author, .time { .author {
display: none; display: none;
} }
&:not(:hover, :focus-within, :active) .time {
opacity: 0;
}
} }
.message.switch-user { .message.switch-user {
@ -293,6 +298,7 @@ input[type="text"], .chat-input textarea {
.avatar { .avatar {
user-select: none; user-select: none;
opacity: 1; opacity: 1;
max-height: unset;
} }
.author { .author {