swarm-ui: an agent card shows a chevron, and no select highlight
The card header gets the same chevron a folded card has, right while shut and down while open. The outline for an opened card goes: the sections say it is open.
This commit is contained in:
parent
3058a5871e
commit
a3628bd9ce
1 changed files with 23 additions and 1 deletions
|
|
@ -53,3 +53,24 @@
|
|||
padding-block-start: 0.75em;
|
||||
border-block-start: 1px solid var(--border);
|
||||
}
|
||||
|
||||
/* The same chevron as a folded card's (`ui/disclosure/`): right while shut,
|
||||
down while open, so the header reads as something that unfolds. */
|
||||
.ui-agent-card-chevron {
|
||||
align-self: center;
|
||||
width: 0.55em;
|
||||
height: 0.55em;
|
||||
flex: none;
|
||||
border-right: 2px solid var(--muted);
|
||||
border-bottom: 2px solid var(--muted);
|
||||
transform: rotate(-45deg);
|
||||
transition: transform 0.15s ease;
|
||||
}
|
||||
.ui-agent-card-row[aria-expanded="true"] .ui-agent-card-chevron {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.ui-agent-card-chevron {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue