fix: shorter menu words on mobile so every row fits the drawer width (Download, compact 13px rows with ellipsis)
All checks were successful
Forgejo Android APK / Root app tests (push) Successful in 57s
Forgejo Android APK / Build signed APK (push) Successful in 2m11s

This commit is contained in:
Daniel 2026-09-09 15:23:02 +02:00
parent fe102d64b4
commit b9a70fd370
2 changed files with 6 additions and 3 deletions

View file

@ -16,7 +16,7 @@
<aside class="assistant-history">
<button id="btn-assistant-drawer-close" class="assistant-drawer-close" type="button" aria-label="Close saved chats"><i class="fas fa-xmark"></i></button>
<button id="btn-assistant-goback-rail" class="btn-sm btn-ghost assistant-goback-rail" type="button" title="Back to the main menu"><i class="fas fa-arrow-left"></i> Go back</button>
<button id="btn-assistant-download-rail" class="assistant-rail-action" type="button">Download transcript</button>
<button id="btn-assistant-download-rail" class="assistant-rail-action" type="button">Download</button>
<button id="btn-assistant-create-image" class="assistant-create-image" type="button"><i class="fas fa-wand-magic-sparkles"></i> Create image</button>
<button id="btn-assistant-clear" class="assistant-new-chat" type="button"><i class="fas fa-plus"></i> New chat</button>
<div class="card">

View file

@ -340,6 +340,7 @@ body.assistant-workspace .assistant-learning-view { min-height: 0; height: 100vh
.assistant-autosave-state.failed { color:var(--danger,#dc2626); }
/* Rail goback is mobile-only; the topbar goback is desktop-only */
.assistant-goback-rail { display:none; }
.assistant-rail-action { display:none; }
@media (max-width: 640px) {
/* Go back lives in the drawer menu, clearly labeled at the top */
.assistant-goback-rail { display:flex; align-items:center; gap:10px; align-self:stretch; width:100%; border:none; background:none; color:var(--g700); font-size:14px; padding:12px; border-radius:8px; text-align:left; margin-bottom:4px; }
@ -348,9 +349,11 @@ body.assistant-workspace .assistant-learning-view { min-height: 0; height: 100vh
.assistant-history .assistant-goback-rail i,
.assistant-history .assistant-create-image i,
.assistant-history .assistant-new-chat i { display:none; }
.assistant-rail-action { display:none; }
.assistant-rail-action { display:flex; align-items:center; width:100%; border:none; background:none; color:var(--g700); font-size:14px; padding:12px; border-radius:8px; text-align:left; font-family:inherit; }
.assistant-rail-action { display:flex; align-items:center; width:100%; border:none; background:none; color:var(--g700); font-size:13px; padding:11px 12px; border-radius:8px; text-align:left; font-family:inherit; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.assistant-rail-action:hover { background:var(--g100); }
/* Compact: every menu word fits the drawer width */
.assistant-goback-rail, .assistant-create-image, .assistant-new-chat { font-size:13px; padding:11px 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.assistant-history .card-header h3 { font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* The topbar keeps only the hamburger; Go back is in the menu */
.assistant-topbar #btn-assistant-goback { display:none; }
#btn-assistant-download-chat { display:none; }