diff --git a/frontend/style.css b/frontend/style.css index 101f17a..01ce500 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -2544,6 +2544,30 @@ body.resizing-v { box-shadow: 4px 0 20px rgba(0,0,0,0.3); } + /* Right Sidebar handling on mobile */ + .right-sidebar { + position: fixed; + top: 0; + right: 0; + bottom: 0; + z-index: 200; + width: 280px !important; + min-width: 280px !important; + max-width: 85vw !important; + transform: translateX(100%); + transition: transform 250ms ease, background 200ms ease; + box-shadow: none; + border-left: 1px solid var(--border); + } + .right-sidebar:not(.hidden) { + transform: translateX(0); + box-shadow: -4px 0 20px rgba(0,0,0,0.3); + } + + .right-sidebar-resize-handle { + display: none; + } + .sidebar-resize-handle { display: none; }