mirror of
https://github.com/itflow-org/itflow
synced 2026-09-01 20:35:12 +00:00
Add Chevron to show top client collapse
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user