mirror of
https://github.com/koala73/worldmonitor.git
synced 2026-04-25 17:14:57 +02:00
fa36b5d37c
* feat(ui): add close buttons on panels and Add Panel block Add hover-visible close (×) buttons to panel headers that disable the panel via the existing toggle infrastructure, and an "Add Panel" card at the end of the grid that opens the Settings → Panels tab. - Close button on all panels except Live News and Live Webcams - Button always positioned far-right via CSS order: 999 - Panel count badges and action buttons pushed right with margin-left: auto - World Clock gear icon shifted to avoid overlap with close button - Styled icon-btn class for Airline Intelligence refresh button - i18n keys added for closePanel and addPanel - wm:panel-close custom event handled in event-handlers.ts Closes #1347 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: add PR screenshots for panel controls feature Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix(ui): address PR review — move inline styles to CSS, store event listener ref - Move inline marginLeft from MarketPanel and AirlineIntelPanel to CSS - Store wm:panel-close listener as boundPanelCloseHandler with cleanup in destroy() - Close button now extends .icon-btn (shared base styles, 5 overrides instead of 15) - Scope .live-news-settings-btn margin-left to .panel-header context only - Add gap: 8px to .panel-header for uniform spacing - Center LIVE badge and sparkle btn between title and count/close via auto margins - Fix close button hover/touch specificity by scoping to .panel-header Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix(ui): consolidate margin-left auto, fix close btn icon and hover color - Replace scattered margin-left: auto with single .panel-header-left + * selector to correctly push the first right-aligned element - Use multiplication X (U+2715) instead of multiplication sign (U+00D7) for the close button icon - Use color-mix with --semantic-critical for close hover background instead of hardcoded rgba - Convert wc-settings-btn from absolute positioning to flex flow, removing the fragile right: 30px magic number --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> Co-authored-by: Elie Habib <elie.habib@gmail.com>
