Move Notifications to the second slot in the navigation menu

Author: rollecode

CHANGELOG.md

@@ -1,5 +1,6 @@
 ### [Unreleased]
 
+* Move Notifications to the second slot in the navigation menu
 * Remove border-bottom from the trends heading
 
 ### 4.0.0-alpha.8.rc2: 2026-05-24

dist/mastodon-bird-ui-accessible-plus.css

@@ -1436,6 +1436,14 @@ body.layout-single-column, body.layout-multiple-columns {
   display: none;
 }
 
+.layout-single-column .navigation-panel__menu > li:has(a.navigation-panel__compose-button), .layout-multiple-columns .navigation-panel__menu > li:has(a.navigation-panel__compose-button) {
+  order: -2;
+}
+
+.layout-single-column .navigation-panel__menu > li:has(a[href="/notifications"]), .layout-multiple-columns .navigation-panel__menu > li:has(a[href="/notifications"]) {
+  order: -1;
+}
+
 .layout-single-column .navigation-panel__menu > li.navigation-panel__list-panel, .layout-multiple-columns .navigation-panel__menu > li.navigation-panel__list-panel {
   order: 1;
 }

dist/mastodon-bird-ui-accessible.css

@@ -39,6 +39,15 @@
     display: none;
   }
 
+  // Move Notifications to the second slot, right after the compose button.
+  .navigation-panel__menu > li:has(a.navigation-panel__compose-button) {
+    order: -2;
+  }
+
+  .navigation-panel__menu > li:has(a[href="/notifications"]) {
+    order: -1;
+  }
+
   // Keep the Lists and Followed tags panels at the bottom, just above More,
   // as in the original Bird UI desktop layout (Followed tags ends up second
   // last, right before More).