hansjone/netx
1
0
Fork 0
mirror of https://github.com/hansjone/netx.git synced 2026-10-18 17:20:44 +08:00
Code Issues Projects Releases 1 Packages Wiki Activity Actions

fix(topology): keep context menu text readable on hover.

Browse source 
Override .app-main button color so dark menu items stay light on hover/focus.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
hansjone 2026-07-30 02:34:25 +00:00
parent 2f1c33924e
commit 9a72a9a099
1 changed files with 21 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

24
web/src/index.css
View file

@ -2228,29 +2228,47 @@ pre {
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.28); box-shadow: 0 10px 28px rgba(15, 23, 42, 0.28);
} }
/* Beat .app-main button { color:#1f2937; background:#fff } so hover stays readable. */
.app-main .topo-ctx__item,
.topo-ctx__item { .topo-ctx__item {
display: block; display: block;
width: 100%; width: 100%;
padding: 8px 14px; padding: 8px 14px;
border: 0; border: 0;
border-radius: 0;
background: transparent; background: transparent;
color: inherit; color: #e2e8f0;
text-align: left; text-align: left;
font: inherit; font: inherit;
cursor: pointer; cursor: pointer;
} }
.topo-ctx__item:hover:not(:disabled) { .app-main .topo-ctx__item:hover:not(:disabled),
.app-main .topo-ctx__item:focus-visible:not(:disabled),
.topo-ctx__item:hover:not(:disabled),
.topo-ctx__item:focus-visible:not(:disabled) {
background: #1e293b; background: #1e293b;
color: #f8fafc;
} }
.app-main .topo-ctx__item:disabled,
.topo-ctx__item:disabled { .topo-ctx__item:disabled {
opacity: 0.45; opacity: 0.45;
cursor: not-allowed; cursor: not-allowed;
color: #94a3b8;
} }
.topo-ctx__item--danger:hover:not(:disabled) { .app-main .topo-ctx__item--danger,
.topo-ctx__item--danger {
color: #fca5a5;
}
.app-main .topo-ctx__item--danger:hover:not(:disabled),
.app-main .topo-ctx__item--danger:focus-visible:not(:disabled),
.topo-ctx__item--danger:hover:not(:disabled),
.topo-ctx__item--danger:focus-visible:not(:disabled) {
background: #7f1d1d; background: #7f1d1d;
color: #fecaca;
} }
.topo-ctx__sep { .topo-ctx__sep {