4444444444444443333333333333

public/s/css/f0ckm.css

@@ -3119,12 +3119,13 @@ body.layout-legacy .scroll-to-bottom svg {
 
 .comment::before {
   content: "";
+  display: var(--comment-banner-display, block);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  max-height: 300px;
+  max-height: var(--comment-banner-max-height, 300px);
   background-image: var(--author-banner, none);
   background-position: var(--author-banner-position, center top);
   background-size: var(--author-banner-size, cover);
@@ -8441,11 +8442,6 @@ input#s_avatar {
   opacity: 0.8;
 }
 
-
-.nav-user-btn:hover {
-  background: rgba(255, 255, 255, 0.1);
-}
-
 /* Avatar-style button variant */
 .nav-avatar-btn {
   background: none;
@@ -8460,18 +8456,13 @@ input#s_avatar {
   transition: border-color 0.2s, background 0.2s;
 }
 
-.nav-avatar-btn:hover {
-  background: rgba(255, 255, 255, 0.08);
-  border-color: rgba(255, 255, 255, 0.15);
-  transform: none;
-  box-shadow: none;
-}
-
 .nav-avatar-btn.is-active {
   background: rgba(255, 255, 255, 0.1);
   border-color: rgba(255, 255, 255, 0.15);
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;   
 }
 
 .nav-avatar-btn.is-active .nav-avatar-caret {
@@ -8488,6 +8479,12 @@ input#s_avatar {
   height: 22px;
   object-fit: cover;
   flex-shrink: 0;
+  cursor: pointer;
+  transition: opacity 0.15s ease;
+}
+
+.nav-avatar-img:hover {
+  opacity: 0.8;
 }
 
 .nav-avatar-name {
@@ -8540,7 +8537,7 @@ input#s_avatar {
 
 .nav-user-menu a {
   display: block;
-  padding: 10px 15px;
+  padding: 5px 10px;
   color: var(--white);
   text-decoration: none;
   transition: background 0.2s;
@@ -8563,6 +8560,13 @@ input#s_avatar {
   }
 }
 
+#nav-user-toggle {
+  min-width: 100px;
+  text-align: left;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+}
+
 /* nav-links base: horizontal flex row on desktop */
 .nav-links {
   display: flex;