danvics/pediatric-ai-scribe-v3
1
0
Fork 0
Code Issues Pull requests Projects Releases 16 Packages Wiki Activity Actions

fix: mobile drawer is a plain text menu (no icons) — Go back and Download transcript rows; toolbar download hidden on mobile

Browse source
This commit is contained in:
Daniel 2026-09-09 15:21:18 +02:00
parent cbddc43bb6
commit fe102d64b4
3 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
public/components/assistant.html
View file

@ -16,6 +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-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">

9
public/css/assistant.css
View file

@ -344,9 +344,16 @@ body.assistant-workspace .assistant-learning-view { min-height: 0; height: 100vh
/* 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; }
.assistant-goback-rail:hover { background:var(--g100); }
.assistant-goback-rail i { color:var(--g600); }
/* The drawer menu is a plain text list — no icons */
.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:hover { background:var(--g100); }
/* 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; }
}
/* Library item hover download */
.assistant-gallery-item-wrap { position:relative; }

4
public/js/clinicalAssistant.js
View file

@ -114,6 +114,8 @@ import {
if (typeof window !== 'undefined' && window._userRole && window._userRole !== 'admin') {
var downloadBtn = document.getElementById('btn-assistant-download-chat');
if (downloadBtn) downloadBtn.remove();
var downloadRailBtn = document.getElementById('btn-assistant-download-rail');
if (downloadRailBtn) downloadRailBtn.remove();
}
if (!root || !root.querySelector('#assistant-form')) return;
initialized = true;
@ -185,6 +187,8 @@ import {
clearConversation(ev);
});
document.getElementById('btn-assistant-download-chat').addEventListener('click', downloadTranscript);
var downloadRailBtn = document.getElementById('btn-assistant-download-rail');
if (downloadRailBtn) downloadRailBtn.addEventListener('click', downloadTranscript);
if (goBackBtn) goBackBtn.addEventListener('click', goBackToMainMenu);
if (input) {
input.addEventListener('input', updateConversationBudget);