Modified - Made the Admin Settings menu header sticky while the admin left-menu options scroll.

.codex-history.md

@@ -592,3 +592,7 @@ Project Change ID[date-time] - application-version - Type - Summary:
 - 1 - I modified `templates/base/footer_content.tmpl` so both footer links now use `target="_blank"` with `rel="noreferrer"`.
 - 2 - I modified `web_src/css/modules/flexcontainer.css` so the `.header.item` at the top of the `/user/settings` sticky side menu now uses `position: sticky` inside the menu itself, with its own background and bottom separator.
 - 3 - I modified `web_src/css/modules/flexcontainer.css` so, after making the `User Settings` header sticky, the top overflow hint is rendered on the bottom edge of that header and its gradient is drawn by a dedicated `::after` element extending into the scrollable area, while the menu container keeps only the bottom hint when both are active.
+
+119 - [2026-05-07 21:14:11] - v1.27.0-dev-106-g61a9e4bd06 - Type: Modified - Made the `Admin Settings` menu header sticky while the admin left-menu options scroll.
+- 1 - I modified `web_src/css/modules/flexcontainer.css` so the `.header.item` at the top of the `/-/admin` sticky side menu now uses the same sticky header treatment as `/user/settings`, with its own background and bottom separator.
+- 2 - I modified `web_src/css/modules/flexcontainer.css` so the top green overflow indicator for `/-/admin` is also rendered on the bottom edge of the sticky header, with the gradient drawn by the same dedicated `::after` element used in `/user/settings`.

.frontend.hash

@@ -1 +1 @@
-426064208b78a563f54a139eab51bbcb09fd407a
+76ebe84b39524c3439522775bccdaefa94be0dd8

web_src/css/modules/flexcontainer.css

@@ -48,7 +48,8 @@ body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .u
   padding: 0.9em 1.14285714em;
 }
 
-body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu > .header.item {
+body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu > .header.item,
+body.show-sticky-side-menus .page-content.admin .flex-container-nav > .ui.vertical.menu > .header.item {
   position: sticky;
   top: 0;
   z-index: 1;
@@ -73,34 +74,28 @@ body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .u
     height: 0;
   }
 
-  body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top,
-  body.show-sticky-side-menus .page-content.admin .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top {
-    box-shadow: inset 0 1px 0 var(--color-green), inset 0 16px 14px -10px var(--color-green-badge-hover-bg);
-  }
-
   body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-bottom,
   body.show-sticky-side-menus .page-content.admin .flex-container-nav > .ui.vertical.menu.has-scroll-hint-bottom {
     box-shadow: inset 0 -1px 0 var(--color-green), inset 0 -16px 14px -10px var(--color-green-badge-hover-bg);
   }
 
-  body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top.has-scroll-hint-bottom,
-  body.show-sticky-side-menus .page-content.admin .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top.has-scroll-hint-bottom {
-    box-shadow: inset 0 1px 0 var(--color-green), inset 0 -1px 0 var(--color-green), inset 0 16px 14px -10px var(--color-green-badge-hover-bg), inset 0 -16px 14px -10px var(--color-green-badge-hover-bg);
-  }
-
-  body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top {
+  body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top,
+  body.show-sticky-side-menus .page-content.admin .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top {
     box-shadow: none;
   }
 
-  body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top.has-scroll-hint-bottom {
+  body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top.has-scroll-hint-bottom,
+  body.show-sticky-side-menus .page-content.admin .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top.has-scroll-hint-bottom {
     box-shadow: inset 0 -1px 0 var(--color-green), inset 0 -16px 14px -10px var(--color-green-badge-hover-bg);
   }
 
-  body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top > .header.item {
+  body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top > .header.item,
+  body.show-sticky-side-menus .page-content.admin .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top > .header.item {
     box-shadow: inset 0 -1px 0 var(--color-green);
   }
 
-  body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top > .header.item::after {
+  body.show-sticky-side-menus .page-content.user.settings .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top > .header.item::after,
+  body.show-sticky-side-menus .page-content.admin .flex-container-nav > .ui.vertical.menu.has-scroll-hint-top > .header.item::after {
     content: "";
     position: absolute;
     left: 0;