Jonathan Miller
f19fd9683f
Fomantic UI's vertical menu centers text by default. Added text-align: left to .flex-container-nav menu items so all admin sidebar entries align consistently. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
38 lines
763 B
CSS
38 lines
763 B
CSS
/* container for full-page content with sidebar on left */
|
|
|
|
.flex-container {
|
|
display: flex !important;
|
|
gap: var(--page-spacing);
|
|
margin-top: var(--page-spacing);
|
|
}
|
|
|
|
/* small options menu on the left, used in settings/admin pages */
|
|
.flex-container-nav {
|
|
width: 240px;
|
|
}
|
|
|
|
.flex-container-nav .ui.menu .item {
|
|
text-align: left;
|
|
}
|
|
|
|
/* wide sidebar on the right, used in frontpage */
|
|
.flex-container-sidebar {
|
|
width: 35%;
|
|
}
|
|
|
|
.flex-container-main {
|
|
flex: 1;
|
|
min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.flex-container {
|
|
flex-direction: column;
|
|
}
|
|
.flex-container-nav,
|
|
.flex-container-sidebar {
|
|
order: -1;
|
|
width: auto;
|
|
}
|
|
}
|