35 lines
1.2 KiB
CSS
35 lines
1.2 KiB
CSS
/* =============================================================
|
|
VITEC — container collapse/expand in the Page module
|
|
============================================================= */
|
|
|
|
/* Hide the container body (nested child columns) when collapsed. */
|
|
.t3-page-ce.vitec-ce-collapsed > .t3-page-ce-element > .t3-page-ce-body {
|
|
display: none;
|
|
}
|
|
|
|
/* Optional: dim/round the collapsed container header a touch. */
|
|
.t3-page-ce.vitec-ce-collapsed > .t3-page-ce-element > .t3-page-ce-header {
|
|
border-bottom: 1px dashed var(--typo3-component-border-color, #ccc);
|
|
}
|
|
|
|
/* Chevron rotates when collapsed. */
|
|
.vitec-collapse-toggle typo3-backend-icon {
|
|
display: inline-flex;
|
|
transition: transform 0.15s ease-in-out;
|
|
}
|
|
.t3-page-ce.vitec-ce-collapsed .vitec-collapse-toggle typo3-backend-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
/* Collapsed: the element's own preview header lives in the CE header row —
|
|
full width on its own line below the icon/button row. */
|
|
.t3-page-ce-header:has(.vitec-preview-header--in-header) {
|
|
flex-wrap: wrap;
|
|
}
|
|
.element-preview-header.vitec-preview-header--in-header {
|
|
flex-basis: 100%;
|
|
width: 100%;
|
|
order: 10;
|
|
margin-top: 0.25rem;
|
|
}
|