From 9a812eb34af7e789efc6c740b9becbb94e898fee Mon Sep 17 00:00:00 2001 From: Bruno Charest Date: Mon, 30 Mar 2026 21:08:18 -0400 Subject: [PATCH] feat: make action buttons always visible on all tree items - Remove hover-based opacity transitions for action buttons - Set action buttons to always visible (opacity: 1, pointer-events: auto) - Remove desktop hover states and mobile/touch device media queries - Simplify CSS by eliminating conditional visibility logic --- frontend/style.css | 19 ++----------------- 1 file changed, 2 insertions(+), 17 deletions(-) diff --git a/frontend/style.css b/frontend/style.css index 77fc1f2..af962fe 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -895,8 +895,8 @@ select { background: transparent; color: var(--text-muted); cursor: pointer; - opacity: 0; - pointer-events: none; + opacity: 1; + pointer-events: auto; transition: opacity 140ms ease, color 140ms ease, @@ -913,14 +913,6 @@ select { outline: none; } -.tree-item:hover .tree-item-action-btn, -.tree-item:focus-within .tree-item-action-btn, -.tree-item.path-selected .tree-item-action-btn, -.tree-item.active .tree-item-action-btn { - opacity: 1; - pointer-events: auto; -} - .tree-children { padding-left: 16px; overflow: hidden; @@ -944,13 +936,6 @@ select { padding: 4px 0 10px 12px; } -@media (hover: none), (pointer: coarse), (max-width: 768px) { - .tree-item-action-btn { - opacity: 1; - pointer-events: auto; - } -} - .filter-result-item { align-items: flex-start; white-space: normal;