Projets/ObsiGate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: make action buttons always visible on all tree items

Browse Source 
- 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
This commit is contained in:
Bruno Charest 2026-03-30 21:08:18 -04:00
parent db812a6176
commit 9a812eb34a
1 changed files with 2 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/style.css
View File

@ -895,8 +895,8 @@ select {
background: transparent; background: transparent;
color: var(--text-muted); color: var(--text-muted);
cursor: pointer; cursor: pointer;
opacity: 0; opacity: 1;
pointer-events: none; pointer-events: auto;
transition: transition:
opacity 140ms ease, opacity 140ms ease,
color 140ms ease, color 140ms ease,
@ -913,14 +913,6 @@ select {
outline: none; 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 { .tree-children {
padding-left: 16px; padding-left: 16px;
overflow: hidden; overflow: hidden;
@ -944,13 +936,6 @@ select {
padding: 4px 0 10px 12px; 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 { .filter-result-item {
align-items: flex-start; align-items: flex-start;
white-space: normal; white-space: normal;