Enhance hover effect for time display and avatar visibility

2025-05-21 22:30:15 +02:00 · 2025-05-21 22:30:15 +02:00 · 9f577875f2
commit 9f577875f2
parent c322d6147a
1 changed files with 8 additions and 2 deletions
--- a/src/snek/static/base.css
+++ b/src/snek/static/base.css
@ -275,13 +275,18 @@ input[type="text"], .chat-input textarea {
  }

  .avatar {
-    
    opacity: 0;
+    max-height: 0;
+    overflow: hidden;
  }

-  .author, .time {
+  .author {
    display: none;
  }
+
+  &:not(:hover, :focus-within, :active) .time {
+    opacity: 0;
+  }
 }

 .message.switch-user {
@ -293,6 +298,7 @@ input[type="text"], .chat-input textarea {
  .avatar {
    user-select: none;
    opacity: 1;
+    max-height: unset;
  }

  .author {