From c681018262aa435174d4a26fd0f42c878808ce1c Mon Sep 17 00:00:00 2001 From: bruno Date: Sun, 19 Jul 2026 14:30:59 -0400 Subject: [PATCH] =?UTF-8?q?fix(library):=20ic=C3=B4nes=20toujours=20visibl?= =?UTF-8?q?es=20(opacity=200.4)=20+=20full=20au=20hover?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Remplacé visibility:hidden par opacity:0.4 pour les hover-only. Cela garantit que les éléments sont RENDUS et visibles en permanence, avec accentuation au hover (opacity 1). --- app/templates/library.html | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/app/templates/library.html b/app/templates/library.html index 4337b3d..993a8f5 100644 --- a/app/templates/library.html +++ b/app/templates/library.html @@ -65,23 +65,23 @@ .row-title input{width:100%;font-size:13px;padding:2px 4px;background:var(--bg-primary);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);outline:none;} /* ── Hover-only elements (appear on row hover) ── */ -.hover-only{visibility:hidden;opacity:0;transition:opacity 0.12s, visibility 0s 0.12s;flex-shrink:0;} -.lib-row:hover .hover-only{visibility:visible;opacity:1;transition:opacity 0.15s, visibility 0s 0s;} +.hover-only{opacity:0.4;transition:opacity 0.12s;flex-shrink:0;} +.lib-row:hover .hover-only{opacity:1;} -/* Drag handle — 6 dots (hover-only, far left of name cell) */ +/* Drag handle — 6 dots (always slightly visible, full on hover) */ .drag-handle{display:flex;flex-wrap:wrap;width:16px;height:16px;cursor:grab;align-content:space-between;justify-content:space-between;flex-shrink:0;} .drag-handle .dot{width:3px;height:3px;background:var(--text-tertiary);border-radius:50%;} .drag-handle:active{cursor:grabbing;} -/* Checkbox (hover-only) */ +/* Checkbox (always visible, accentuated on hover) */ .lib-checkbox{width:15px;height:15px;border:1.5px solid var(--text-tertiary);border-radius:3px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color 0.1s;} .lib-checkbox:hover{border-color:var(--text-primary);} -.lib-checkbox.checked{background:var(--accent);border-color:var(--accent);visibility:visible;opacity:1;} +.lib-checkbox.checked{background:var(--accent);border-color:var(--accent);opacity:1;} .lib-checkbox.checked::after{content:'✓';color:#fff;font-size:10px;font-weight:700;} -/* OPEN button (hover-only, right side of name cell) */ -.btn-open{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--text-secondary);background:var(--bg-tertiary);cursor:pointer;white-space:nowrap;transition:all 0.1s;flex-shrink:0;text-decoration:none;margin-left:auto;} -.btn-open:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-primary);} +/* OPEN button (always slightly visible, full on hover) */ +.btn-open{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--text-secondary);background:var(--bg-tertiary);cursor:pointer;white-space:nowrap;transition:all 0.1s;flex-shrink:0;text-decoration:none;margin-left:auto;opacity:0.5;} +.lib-row:hover .btn-open{opacity:1;} /* Expand chevron */ .tree-chevron{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:8px;padding:0;border-radius:3px;transition:transform 0.15s;}