Zaki/Password-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use CSS classes for drag-dim effect and DOM-appended canvas for drag ghost

Browse Source
This commit is contained in:
Zaki
2026-05-09 15:39:14 +01:00
parent ca159ec4f3
commit 9cc4463177
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+1
View File
@@ -138,6 +138,7 @@ input:focus, select:focus { border-color:var(--accent); }
.entry-card, .entry-row, .entry-compact, .table-row-drag { cursor:pointer; user-select:none; }
.entry-card.drag-over, .entry-row.drag-over, .entry-compact.drag-over, .table-row-drag.drag-over { border-color:var(--accent)!important; box-shadow:0 0 15px rgba(59,130,246,0.3); }
.entry-card.drag-dim, .entry-row.drag-dim, .entry-compact.drag-dim, .table-row-drag.drag-dim { opacity:0.3!important; filter:grayscale(0.6); }
.entry-card.selected { border-color:var(--accent)!important; box-shadow:0 0 0 2px var(--accent),0 0 18px rgba(59,130,246,0.35); background:rgba(59,130,246,0.18); }
.entry-row.selected, .entry-compact.selected { border-color:var(--accent)!important; box-shadow:0 0 0 2px var(--accent),0 0 18px rgba(59,130,246,0.35); background:rgba(59,130,246,0.14); border-left:3px solid var(--accent); }
.table-row-drag.selected td { background:rgba(59,130,246,0.14)!important; box-shadow:inset 0 0 0 1px var(--accent); border-bottom:1px solid var(--accent); }