Remove corner case bug where advanced ui in mobile mode has wrong ord…

…er of column links
ronilaukkarinen · Nov 5, 2023 · 0e3ad86 · 0e3ad86
1 parent fd79e48
commit 0e3ad86
Showing 1 changed file with 5 additions and 33 deletions.
diff --git a/layout-single-column.css b/layout-single-column.css
@@ -3661,54 +3661,26 @@ body.embed .button.logo-button:hover,
     text-align: center;
   }
 
-  .layout-single-column .navigation-panel .column-link:nth-child(1) {
-    order: 2;
-  }
-
   /* Home */
-  .layout-single-column .navigation-panel .column-link:nth-child(2) {
+  .layout-single-column .column-link[href="/home"] {
     order: 1;
   }
 
-  /* Notifications */
-  .layout-single-column .navigation-panel .column-link:nth-child(3) {
-    order: 4;
-  }
-
   /* Explore */
-  .layout-single-column .navigation-panel .column-link:nth-child(4) {
+  .layout-single-column .column-link[href="/explore"] {
     order: 2;
   }
 
-  .layout-single-column .navigation-panel .column-link:nth-child(5) {
-    order: 5;
-  }
-
-  .layout-single-column .navigation-panel .column-link:nth-child(6) {
-    order: 6;
-  }
-
-  .layout-single-column .navigation-panel .column-link:nth-child(7) {
-    order: 7;
-  }
-
-  .layout-single-column .navigation-panel .column-link:nth-child(8) {
-    order: 8;
+  /* Notifications */
+  .layout-single-column .column-link[href="/notifications"] {
+    order: 3;
   }
 
   /* Lists */
   .layout-single-column .column-link[href="/lists"] {
     order: 4;
   }
 
-  .layout-single-column .navigation-panel .column-link:nth-child(11) {
-    order: 11;
-  }
-
-  .layout-single-column .navigation-panel .column-link:nth-child(12) {
-    order: 12;
-  }
-
   /* Fix "About" page's server thumbnail margins */
   .about__header__hero {
     margin-top: 30px;