Add Chevron to show top client collapse

This commit is contained in:
johnnyq
2026-08-29 00:46:30 -04:00
parent 087c75f3d7
commit f6e03b2196
3 changed files with 73 additions and 14 deletions

View File

@@ -1532,3 +1532,26 @@ html {
max-width: 100%;
}
/* Client header disclosure - agent/includes/inc_client_top_head.php
The client name is the collapse trigger for #clientHeader, but links carry no
underline in this app and the h4 is text-dark, so nothing said the heading was
clickable or that a panel was folded behind it. Bootstrap maintains
aria-expanded on the trigger itself, so the chevron reads the real state
rather than a second copy of it kept somewhere in JS. */
.client-header-chevron {
font-size: .7em;
margin-right: .25rem;
vertical-align: middle;
color: var(--bs-secondary-color);
transition: transform .15s ease-in-out;
}
.client-header-toggle:hover .client-header-chevron {
color: var(--bs-body-color);
}
.client-header-toggle[aria-expanded="true"] .client-header-chevron {
transform: rotate(90deg);
}