eliott/worldmonitor
1
0
Fork 0
mirror of https://github.com/koala73/worldmonitor.git synced 2026-04-25 17:14:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(world-clock): make drag handles always visible (#715)

Browse Source 
Change opacity from 0 (hidden) to 0.35 (subtle but visible) so users
can see the drag affordance without needing to hover first.
This commit is contained in:
Elie Habib
2026-03-02 03:25:51 +04:00
committed by GitHub
parent d0e12fa3ec
commit e51058e176
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/WorldClockPanel.ts
View File

@@ -163,9 +163,9 @@ const STYLE = `<style>
.wc-opt-name{font-weight:600;color:var(--text,#e8e8e8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-opt-label{font-size:9px;color:var(--text-muted,#666);margin-left:auto;flex-shrink:0}
.wc-empty{padding:20px 10px;text-align:center;color:var(--text-dim,#888);font-size:11px}
.wc-drag-handle{cursor:grab;color:var(--text-muted,#555);font-size:11px;padding:0 6px 0 2px;user-select:none;opacity:0;transition:opacity .15s;display:flex;align-items:center}
.wc-drag-handle{cursor:grab;color:var(--text-muted,#555);font-size:11px;padding:0 6px 0 2px;user-select:none;opacity:.35;transition:opacity .15s;display:flex;align-items:center}
.wc-row:hover .wc-drag-handle{opacity:.6}
.wc-drag-handle:hover{opacity:1!important;color:var(--text,#e8e8e8)}
.wc-drag-handle:hover{opacity:1!important;color:var(--text,#e8e8e8);cursor:grab}
.wc-row.wc-dragging{opacity:.3}
.wc-row.wc-drag-over-above{box-shadow:inset 0 2px 0 #44ff88}
.wc-row.wc-drag-over-below{box-shadow:inset 0 -2px 0 #44ff88}