v1.8.33: fix header RTL — auth on left, brand on right, dropdown no longer overlaps brand

This commit is contained in:
2026-05-28 23:11:22 +00:00
parent a4e50164fc
commit 43d72c757d
2 changed files with 7 additions and 7 deletions
Binary file not shown.
+7 -7
View File
@@ -41,17 +41,17 @@
<!-- Row 1: Identity + Account --> <!-- Row 1: Identity + Account -->
<div class="flex items-center justify-between py-3 gap-3"> <div class="flex items-center justify-between py-3 gap-3">
<a href="/" class="flex items-center gap-3 flex-1 min-w-0"> <div id="nav-auth" class="flex items-center gap-2 shrink-0"></div>
<a href="/" class="flex items-center gap-2 min-w-0">
<div class="min-w-0 text-right">
<h1 class="text-sm font-bold text-primary leading-tight" id="brand-name">AfakZaid RAG</h1>
<p class="text-[10px] text-on-surface-variant/60 uppercase tracking-widest" id="brand-sub">Scholarly Intelligence</p>
</div>
<div class="w-9 h-9 bg-primary/15 rounded-xl flex items-center justify-center shrink-0 glow-sm brand-icon-wrap"> <div class="w-9 h-9 bg-primary/15 rounded-xl flex items-center justify-center shrink-0 glow-sm brand-icon-wrap">
<img id="brand-logo" class="hidden rounded-lg object-contain" style="height:32px"/> <img id="brand-logo" class="hidden rounded-lg object-contain" style="height:32px"/>
<span id="brand-icon" class="msym text-primary text-lg">auto_awesome</span> <span id="brand-icon" class="msym text-primary text-lg">auto_awesome</span>
</div> </div>
<div class="min-w-0">
<h1 class="text-sm font-bold text-primary leading-tight" id="brand-name">AfakZaid RAG</h1>
<p class="text-[10px] text-on-surface-variant/60 uppercase tracking-widest" id="brand-sub">Scholarly Intelligence</p>
</div>
</a> </a>
<div id="nav-auth" class="flex items-center gap-2 shrink-0"></div>
</div> </div>
<!-- Row 2: Page Nav (always visible) --> <!-- Row 2: Page Nav (always visible) -->
@@ -189,7 +189,7 @@
<span class="hidden sm:inline max-w-[80px] truncate">${user.name}</span> <span class="hidden sm:inline max-w-[80px] truncate">${user.name}</span>
<span class="msym text-sm text-on-surface-variant">expand_more</span> <span class="msym text-sm text-on-surface-variant">expand_more</span>
</button> </button>
<div id="uh-drop" class="hidden absolute left-0 top-full mt-1 glass rounded-xl p-2 min-w-[160px] z-50 shadow-xl"> <div id="uh-drop" class="hidden absolute top-full mt-1 glass rounded-xl p-2 w-44 z-50 shadow-xl" style="left:0;max-width:calc(100vw - 4rem)">
<div class="px-3 py-2 border-b border-outline-variant/30 mb-1"> <div class="px-3 py-2 border-b border-outline-variant/30 mb-1">
<p class="text-xs font-bold">${user.name}</p> <p class="text-xs font-bold">${user.name}</p>
<p class="text-[10px] text-primary">${user.role}</p> <p class="text-[10px] text-primary">${user.role}</p>