mara/hyperhive
mara/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Activity

swarm-ui: card the badge popover body and lay the allowed-domains badges out in a wrapping row

Browse source
This commit is contained in:
iris 2026-11-04 08:13:25 +01:00 • committed by mara
commit c5eb13f826
1 changed files with 25 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/packages/swarm-ui/src/ui/badge-popover/BadgePopover.css
View file

@ -1,4 +1,5 @@
/* <BadgePopover> — the box a badge opens under itself. */
/* <BadgePopover> — the box a badge opens under itself. The popover only
floats, so the body brings the card. */
.ui-badge-popover {
display: inline-block;
}
@ -7,10 +8,10 @@
flex-direction: column;
align-items: flex-start;
gap: 0.4em;
padding: 0.5em 0.75em;
max-width: min(32em, 90vw);
max-height: 60vh;
overflow-y: auto;
padding: 0.75em 1em;
border: 1px solid var(--border);
border-radius: 0.5em;
background: var(--bg-elev);
}
.ui-badge-popover-help {
margin: 0;
@ -24,3 +25,10 @@
display: grid;
gap: 0.3em;
}
/* A line of badge popovers that wraps when it runs out of room. */
.ui-badge-popover-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4em;
}