Add code tree row hover state
Authored by
mfwolffe <wolffemf@dukes.jmu.edu>
- SHA
3eb4e8bb94085a27cb97964d157ceb0a77ab05f2- Parents
-
8978470 - Tree
770c83e
tenseleyflow/shithub
/
3eb4e8b
Browse files
1 changed file
| Status | File | + | - |
|---|---|---|---|
| M |
internal/web/static/css/shithub.css
|
5 | 0 |
internal/web/static/css/shithub.cssmodified@@ -5723,8 +5723,13 @@ button.shithub-repo-action { | |||
| 5723 | padding: 0.5rem 0.75rem; | 5723 | padding: 0.5rem 0.75rem; |
| 5724 | border-bottom: 1px solid var(--border-default); | 5724 | border-bottom: 1px solid var(--border-default); |
| 5725 | vertical-align: middle; | 5725 | vertical-align: middle; |
| 5726 | + transition: background-color 80ms ease-out; | ||
| 5726 | } | 5727 | } |
| 5727 | .shithub-tree tr:last-child td { border-bottom: 0; } | 5728 | .shithub-tree tr:last-child td { border-bottom: 0; } |
| 5729 | +.shithub-tree tbody tr:hover td, | ||
| 5730 | +.shithub-tree tbody tr:focus-within td { | ||
| 5731 | + background-color: var(--canvas-subtle); | ||
| 5732 | +} | ||
| 5728 | .shithub-tree-icon { width: 36px; color: var(--fg-muted); padding-right: 0; } | 5733 | .shithub-tree-icon { width: 36px; color: var(--fg-muted); padding-right: 0; } |
| 5729 | .shithub-tree-icon svg { display: block; } | 5734 | .shithub-tree-icon svg { display: block; } |
| 5730 | .shithub-tree-name { | 5735 | .shithub-tree-name { |