gsadmin/pad
1
0
Fork 0
mirror of https://github.com/PerpetualSoftware/pad.git synced 2026-09-11 21:39:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): always show faint hover-only sidebar + buttons and card stars (#141)

Browse Source 
* fix(ui): always show faint hover-only controls

The sidebar + buttons and item-card star buttons were fully hidden
until hover, which wasn't discoverable. They're already muted enough
that showing them at reduced opacity is fine, and they still pop to
full opacity on hover.

- Sidebar .section-add-btn: opacity 0 -> 0.5
- Sidebar .nav-quick-add: visibility:hidden -> opacity 0.5
- ItemCard .star-btn: opacity 0 -> 0.4 (unstarred outline ☆ now visible)

Refs IDEA-605

* fix(ui): bump unstarred star opacity 0.4 -> 0.65 for mobile readability
This commit is contained in:
xarmian
2026-04-17 23:05:40 -04:00
committed by GitHub
parent 9e7daa779f
commit f222131dfe
2 changed files with 5 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/collections/ItemCard.svelte
+1 -1
View File
@@ -330,7 +330,7 @@
font-size: 0.95em;
line-height: 1;
color: var(--text-muted);
opacity: 0;
opacity: 0.65;
transition: opacity 0.15s, color 0.15s;
flex-shrink: 0;
}
web/src/lib/components/layout/Sidebar.svelte
+4 -13
View File
@@ -636,17 +636,12 @@
padding: 0 var(--space-1);
border-radius: var(--radius-sm);
line-height: 1;
opacity: 0;
opacity: 0.5;
transition: opacity 0.15s, color 0.15s;
}
.section-header:hover .section-add-btn {
opacity: 1;
}
@media (hover: none) {
.section-add-btn {
opacity: 1;
}
}
.section-add-btn:hover {
color: var(--text-primary);
background: var(--bg-hover);
@@ -667,15 +662,11 @@
border-radius: var(--radius-sm);
cursor: pointer;
padding: 0;
visibility: hidden;
opacity: 0.5;
transition: opacity 0.15s, color 0.15s, background 0.15s;
}
.nav-item:hover .nav-quick-add {
visibility: visible;
}
@media (hover: none) {
.nav-quick-add {
visibility: visible;
}
opacity: 1;
}
.nav-quick-add:hover {
color: var(--text-primary);