anti/DECNET
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): make .info-banner usable inside the deploy-wizard modal

Browse Source 
PersonaGeneration.css scopes .info-banner under .persona-gen-root,
which doesn't match elements rendered inside the Modal portal —
so the wizard's CONFIGURATION-step banner I just added rendered
as plain text.

Add a page-unscoped .info-banner rule in DeckyFleet.css with the
same visual treatment (faint bg, violet left rule) so any modal
context picks it up.
This commit is contained in:
anti
2026-04-29 12:01:42 -04:00
parent 8d3f5c646a
commit 97260daf8d
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
decnet_web/src/components/DeckyFleet.css
View File

@@ -127,6 +127,20 @@
} }
.decky-hits { font-variant-numeric: tabular-nums; } .decky-hits { font-variant-numeric: tabular-nums; }
/* Info banner — used in the deploy wizard and elsewhere a small
contextual note belongs. Page-unscoped so it works inside the
Modal portal; PersonaGeneration.css scopes its own copy under
.persona-gen-root, which doesn't match the modal's DOM location. */
.info-banner {
background: rgba(255, 255, 255, 0.02);
border: 1px solid var(--border);
border-left: 3px solid var(--violet);
padding: 10px 14px;
font-size: 0.78rem;
line-height: 1.5;
}
.info-banner em { color: var(--matrix); font-style: normal; }
/* Status dots */ /* Status dots */
.status-dot { .status-dot {
display: inline-block; display: inline-block;