From aefece1fe7605863fe4867b16833a2d7328c587f Mon Sep 17 00:00:00 2001 From: tegwick Date: Sat, 25 Oct 2025 21:08:39 +0200 Subject: [PATCH] feat: hide control ribbon when panel is expanded for cleaner UI MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Enhanced the floating control panel behavior: - Ribbon smoothly fades out (opacity: 0) when panel expands - Ribbon becomes non-interactive (pointer-events: none) when hidden - Added smooth opacity transition (0.3s ease) for elegant fade effect - Maintains consistent transition timing with panel slide animation This eliminates the redundant ribbon icon when the full panel is visible, creating a cleaner and less cluttered interface while maintaining the intuitive expand/collapse interaction. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- markitect/document_manager.py | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/markitect/document_manager.py b/markitect/document_manager.py index 36f2c761..34e52504 100644 --- a/markitect/document_manager.py +++ b/markitect/document_manager.py @@ -416,6 +416,11 @@ class DocumentManager: right: 0; } + .markitect-control-panel.expanded .markitect-control-ribbon { + opacity: 0; + pointer-events: none; + } + /* Control ribbon - always visible */ .markitect-control-ribbon { position: absolute; @@ -431,7 +436,9 @@ class DocumentManager: justify-content: center; color: white; font-size: 18px; - transition: all 0.3s ease; + transition: all 0.3s ease, opacity 0.3s ease; + opacity: 1; + pointer-events: auto; } .markitect-control-ribbon:hover {