Merge pull request 'fix(ui): admin sidebar left-align CSS' (#200 ) from fix/admin-nav-css into dev

fix(ui): left-align admin sidebar — fix justify-content and text-align
Changed details.toggleable-item summary from justify-content: space-between to gap + margin-left: auto on the chevron. Added .flex-container-nav .item rule to force left alignment on all menu items including standalone links. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-05-26 04:30:13 +00:00 · 2026-05-25 23:29:52 -05:00 · 2026-05-26 03:57:36 +00:00 · 2026-05-25 22:57:30 -05:00 · 2026-05-26 03:47:43 +00:00 · 2026-05-25 22:47:36 -05:00
3 changed files with 12 additions and 2 deletions
@@ -1,5 +1,5 @@
 <div class="flex-container-nav">
-	<div class="ui fluid vertical menu">
+	<div class="ui fluid vertical menu" style="text-align: left !important;">
 		<div class="header item">{{ctx.Locale.Tr "admin.settings"}}</div>

 		<details class="item toggleable-item" {{if or .PageIsAdminDashboard .PageIsAdminSelfCheck}}open{{end}}>
@@ -11,6 +11,10 @@
  width: 240px;
 }

+.flex-container-nav .ui.menu .item {
+  text-align: left;
+}
+
 /* wide sidebar on the right, used in frontpage */
 .flex-container-sidebar {
  width: 35%;
@@ -9,8 +9,8 @@ details.toggleable-item .menu {

 details.toggleable-item summary {
  display: flex;
-  justify-content: space-between;
  align-items: center;
+  gap: 0.5em;
  padding: 0.92857143em 1.14285714em;
 }

@@ -20,6 +20,7 @@ details.toggleable-item summary::-webkit-details-marker /* Safari */ {
 }

 details.toggleable-item summary::after {
+  margin-left: auto;
  transition: transform 0.25s ease;
  content: "";
  width: 14px;
@@ -35,3 +36,8 @@ details.toggleable-item summary::after {
 details.toggleable-item[open] summary::after {
  transform: rotate(90deg);
 }
+
+.flex-container-nav .ui.menu .item {
+  text-align: left !important;
+  justify-content: flex-start !important;
+}
Author	SHA1	Message	Date
jmiller	09dc64eef0	Merge pull request 'fix(ui): admin sidebar left-align CSS' (#200 ) from fix/admin-nav-css into dev Branch Policy Check / Verify merge target (pull_request) Successful in 1s Details PR RC Release / Build RC Release (pull_request) Successful in 22s Details	2026-05-26 04:30:13 +00:00
Jonathan Miller	d541a07263	fix(ui): left-align admin sidebar — fix justify-content and text-align Branch Policy Check / Verify merge target (pull_request) Successful in 1s Details PR RC Release / Build RC Release (pull_request) Successful in 2s Details Changed details.toggleable-item summary from justify-content: space-between to gap + margin-left: auto on the chevron. Added .flex-container-nav .item rule to force left alignment on all menu items including standalone links. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-05-25 23:29:52 -05:00
jmiller	2dea95a431	Merge pull request 'fix(ui): force left-align admin sidebar' (#198 ) from fix/admin-nav-left-align into dev Branch Policy Check / Verify merge target (pull_request) Successful in 1s Details PR RC Release / Build RC Release (pull_request) Successful in 21s Details	2026-05-26 03:57:36 +00:00
Jonathan Miller	f69212859a	fix(ui): force left-align on admin sidebar menu via inline style Branch Policy Check / Verify merge target (pull_request) Successful in 1s Details PR RC Release / Build RC Release (pull_request) Successful in 2s Details The compiled CSS bundle doesn't pick up the flexcontainer.css change. Use inline style with !important on the menu container to override Fomantic UI's default center alignment. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-05-25 22:57:30 -05:00
jmiller	447a45ec15	Merge pull request 'fix(ui): left-align admin sidebar menu items' (#196 ) from fix/admin-nav-alignment into dev Branch Policy Check / Verify merge target (pull_request) Successful in 1s Details PR RC Release / Build RC Release (pull_request) Successful in 25s Details	2026-05-26 03:47:43 +00:00
Jonathan Miller	f19fd9683f	fix(ui): left-align all admin sidebar menu items Branch Policy Check / Verify merge target (pull_request) Successful in 2s Details PR RC Release / Build RC Release (pull_request) Successful in 2s Details 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>	2026-05-25 22:47:36 -05:00