2024-03-09 11:27:10 +01:00
|
|
|
.toggle-btns {
|
|
|
|
|
position: sticky;
|
|
|
|
|
}
|
2024-01-26 11:03:42 +01:00
|
|
|
button.toggle.open {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button.toggle.left::after {
|
|
|
|
|
margin-left: var(--unit--horizontal);
|
|
|
|
|
}
|
|
|
|
|
button.toggle.left.close::after {
|
|
|
|
|
content: "+";
|
|
|
|
|
}
|
|
|
|
|
button.toggle.left.open::after {
|
|
|
|
|
content: "-";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button.toggle.right::before {
|
|
|
|
|
margin-right: var(--unit--horizontal);
|
|
|
|
|
}
|
|
|
|
|
button.toggle.right.close::before {
|
|
|
|
|
content: "+";
|
|
|
|
|
}
|
|
|
|
|
button.toggle.right.open::before {
|
|
|
|
|
content: "-";
|
|
|
|
|
}
|
|
|
|
|
|
2024-03-10 12:03:31 +01:00
|
|
|
#tabs {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
2024-03-09 11:27:10 +01:00
|
|
|
.active-tab {
|
2024-03-10 12:03:31 +01:00
|
|
|
position: absolute;
|
2024-03-09 11:27:10 +01:00
|
|
|
overflow: auto;
|
2024-03-10 12:03:31 +01:00
|
|
|
margin-top: calc(var(--unit--vertical) * 0.5);
|
|
|
|
|
height: 0px;
|
|
|
|
|
transition: height 0.5s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-cover.open .active-tab {
|
|
|
|
|
height: calc(100vh - 7.5 * var(--unit--vertical));
|
2024-01-26 11:03:42 +01:00
|
|
|
}
|