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;

public/s/js/comments.js

@@ -2200,7 +2200,8 @@ class CommentSystem {
             }
         }
 
-        const bannerStyle = (comment.banner_file && comment.banner_file !== 'null')
+        const bannerEnabled = window.f0ckCommentBannerEnabled !== false && window.f0ckSession?.comment_banner_enabled !== false;
+        const bannerStyle = (bannerEnabled && comment.banner_file && comment.banner_file !== 'null')
             ? `style="--author-banner: url('/a/${comment.banner_file}'); --author-banner-position: ${comment.banner_position === 'center' ? 'center top' : (comment.banner_position || 'center top')}; --author-banner-size: ${comment.banner_size || 'cover'}; --author-banner-repeat: ${comment.banner_repeat || 'repeat'};"`
             : '';
 

public/s/js/f0ckm.js

@@ -846,6 +846,13 @@ window.cancelAnimFrame = (function () {
   if (userToggle && userMenu) {
     userToggle.addEventListener('click', (e) => {
       e.stopPropagation();
+      if (e.target.closest('.nav-avatar-img')) {
+        const username = window.f0ckSession?.user;
+        if (username) {
+          window.location.href = `/user/${username.toLowerCase()}`;
+          return;
+        }
+      }
       const opening = !userMenu.classList.contains('show');
       userMenu.classList.toggle('show');
       userToggle.classList.toggle('is-active', opening);
@@ -9265,6 +9272,13 @@ document.addEventListener("DOMContentLoaded", function () {
     var menu = document.getElementById(menuId);
     if (btn && menu) {
       btn.addEventListener('click', function (e) {
+        if (e.target.closest('.nav-avatar-img')) {
+          const username = window.f0ckSession?.user;
+          if (username) {
+            window.location.href = `/user/${username.toLowerCase()}`;
+            return;
+          }
+        }
         if (window.innerWidth <= 700) {
           e.preventDefault();
           menu.classList.toggle('show-mobile');