fix: mobile drawer is a plain text menu (no icons) — Go back and Download transcript rows; toolbar download hidden on mobile
This commit is contained in:
parent
cbddc43bb6
commit
fe102d64b4
3 changed files with 13 additions and 1 deletions
|
|
@ -16,6 +16,7 @@
|
||||||
<aside class="assistant-history">
|
<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-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-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-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>
|
<button id="btn-assistant-clear" class="assistant-new-chat" type="button"><i class="fas fa-plus"></i> New chat</button>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
|
||||||
|
|
@ -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 */
|
/* 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 { 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: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 */
|
/* The topbar keeps only the hamburger; Go back is in the menu */
|
||||||
.assistant-topbar #btn-assistant-goback { display:none; }
|
.assistant-topbar #btn-assistant-goback { display:none; }
|
||||||
|
#btn-assistant-download-chat { display:none; }
|
||||||
}
|
}
|
||||||
/* Library item hover download */
|
/* Library item hover download */
|
||||||
.assistant-gallery-item-wrap { position:relative; }
|
.assistant-gallery-item-wrap { position:relative; }
|
||||||
|
|
|
||||||
|
|
@ -114,6 +114,8 @@ import {
|
||||||
if (typeof window !== 'undefined' && window._userRole && window._userRole !== 'admin') {
|
if (typeof window !== 'undefined' && window._userRole && window._userRole !== 'admin') {
|
||||||
var downloadBtn = document.getElementById('btn-assistant-download-chat');
|
var downloadBtn = document.getElementById('btn-assistant-download-chat');
|
||||||
if (downloadBtn) downloadBtn.remove();
|
if (downloadBtn) downloadBtn.remove();
|
||||||
|
var downloadRailBtn = document.getElementById('btn-assistant-download-rail');
|
||||||
|
if (downloadRailBtn) downloadRailBtn.remove();
|
||||||
}
|
}
|
||||||
if (!root || !root.querySelector('#assistant-form')) return;
|
if (!root || !root.querySelector('#assistant-form')) return;
|
||||||
initialized = true;
|
initialized = true;
|
||||||
|
|
@ -185,6 +187,8 @@ import {
|
||||||
clearConversation(ev);
|
clearConversation(ev);
|
||||||
});
|
});
|
||||||
document.getElementById('btn-assistant-download-chat').addEventListener('click', downloadTranscript);
|
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 (goBackBtn) goBackBtn.addEventListener('click', goBackToMainMenu);
|
||||||
if (input) {
|
if (input) {
|
||||||
input.addEventListener('input', updateConversationBudget);
|
input.addEventListener('input', updateConversationBudget);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue