57 lines
2.0 KiB
CSS
57 lines
2.0 KiB
CSS
/* Einheitliche, schrift- und kodierungsunabhaengige Richtungsdreiecke. */
|
|
.triangle-icon {
|
|
display: block;
|
|
flex: 0 0 auto;
|
|
width: 12px;
|
|
height: 12px;
|
|
fill: currentColor;
|
|
transform-origin: center;
|
|
}
|
|
.triangle-icon-right { transform: rotate(180deg); }
|
|
.triangle-icon-up { transform: rotate(90deg); }
|
|
.triangle-icon-down { transform: rotate(-90deg); }
|
|
|
|
.reader-nav button, .sidebar-toggle-inline, .sidebar-toggle, .icon-btn,
|
|
.tenant-back, .db-structure-card-toggle, summary, .results-browser-title {
|
|
color: var(--muted);
|
|
}
|
|
.reader-nav button, .sidebar-toggle-inline, .sidebar-toggle, .icon-btn {
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.reader-nav button .triangle-icon { width: 18px; height: 18px; }
|
|
.sidebar-toggle-inline .triangle-icon, .sidebar-toggle .triangle-icon { width: 16px; height: 16px; }
|
|
.tenant-back { display: inline-flex; align-items: center; gap: 7px; }
|
|
/* Ruecksprung in die Mandantenuebersicht: grosses Dreieck und sichtbare
|
|
Beschriftung liegen gemeinsam in derselben klick- und fokussierbaren Aktion. */
|
|
.tenant-back .triangle-icon { width: 28px; height: 28px; fill: var(--band-surface); }
|
|
.db-structure-card-toggle { display: grid; place-items: center; width: 18px; height: 18px; }
|
|
.results-browser-title { display: flex; align-items: center; gap: 7px; text-align: left; }
|
|
|
|
summary {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 7px;
|
|
list-style: none;
|
|
}
|
|
summary::-webkit-details-marker { display: none; }
|
|
details[open] > summary > .triangle-icon-right { transform: rotate(-90deg); }
|
|
|
|
/* Native Select-Pfeile werden durch dasselbe gefuellte Dreieck ersetzt. */
|
|
select:not([multiple]) {
|
|
appearance: none;
|
|
padding-right: 30px;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23888a92' d='M1.5 2.5 6 9.5l4.5-7z'/%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
background-position: right 9px center;
|
|
background-size: 12px 12px;
|
|
}
|
|
|
|
.results-parking-anchor {
|
|
position: absolute;
|
|
inset: 0 auto auto 0;
|
|
width: 0;
|
|
height: 0;
|
|
pointer-events: none;
|
|
}
|