From 3f7dddfd0b0d777414d5a82dbc572a8d501db593 Mon Sep 17 00:00:00 2001 From: Daniel Date: Wed, 9 Sep 2026 13:21:40 +0200 Subject: [PATCH] =?UTF-8?q?fix:=20mobile=20drawer=20=E2=80=94=20no=20horiz?= =?UTF-8?q?ontal=20scrolling;=20options=20popover=20fits=20inside=20the=20?= =?UTF-8?q?width?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/assistant.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/public/css/assistant.css b/public/css/assistant.css index 2888132..6f629eb 100644 --- a/public/css/assistant.css +++ b/public/css/assistant.css @@ -170,7 +170,7 @@ .assistant-status { margin-left:auto; font-size:11px; } .assistant-layout { display:block; height:auto; min-height:100dvh; } /* Saved chats: a left drawer, ChatGPT-style, with the menu button as the opener */ - .assistant-history { position:fixed; inset:0 auto 0 0; width:min(88vw,340px); z-index:130; background:white; border-right:1px solid var(--g100); box-shadow:none; transform:translateX(-105%); transition:transform .18s ease; display:flex; flex-direction:column; padding:12px; overflow-y:auto; gap:2px; border-radius:0; } + .assistant-history { position:fixed; inset:0 auto 0 0; width:min(88vw,340px); z-index:130; background:white; border-right:1px solid var(--g100); box-shadow:none; transform:translateX(-105%); transition:transform .18s ease; display:flex; flex-direction:column; padding:12px; overflow-y:auto; overflow-x:hidden; gap:2px; border-radius:0; } .assistant-layout.mobile-chats-open .assistant-history { transform:translateX(0); } .assistant-history .card { box-shadow:none; border:1px solid var(--g200); } .assistant-new-chat { align-self:stretch; } @@ -294,8 +294,8 @@ body.assistant-workspace .assistant-learning-view { min-height: 0; height: 100vh .assistant-saved-chat-menu { position:absolute; top:6px; right:6px; width:26px; height:26px; border-radius:6px; display:flex; align-items:center; justify-content:center; color:var(--g500); opacity:0; transition:opacity .12s ease; pointer-events:none; } .assistant-saved-chat:hover .assistant-saved-chat-menu, .assistant-saved-chat:focus-within .assistant-saved-chat-menu { opacity:1; pointer-events:auto; } .assistant-saved-chat-menu:hover { background:var(--g100); color:var(--g800); } -.assistant-saved-chat-menu-pop, .assistant-chat-menu { position:absolute; right:8px; top:30px; z-index:20; background:white; border:1px solid var(--g200); border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.16); padding:4px; display:grid; min-width:150px; } -.assistant-chat-menu button { display:flex; align-items:center; gap:8px; border:none; background:none; padding:8px 10px; font-size:13px; color:var(--g700); cursor:pointer; border-radius:7px; text-align:left; } +.assistant-saved-chat-menu-pop, .assistant-chat-menu { position:absolute; right:8px; top:30px; z-index:20; max-width:min(90vw,220px); background:white; border:1px solid var(--g200); border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.16); padding:4px; display:grid; min-width:150px; } +.assistant-chat-menu button { display:flex; align-items:center; gap:8px; border:none; background:none; padding:8px 10px; font-size:13px; color:var(--g700); cursor:pointer; border-radius:7px; text-align:left; white-space:nowrap; } .assistant-chat-menu button:hover { background:var(--g100); } .assistant-chat-menu button[data-chat-action="delete"] { color:var(--danger,#dc2626); } .assistant-chat-menu button i { width:14px; text-align:center; }