order css by width

AprilSylph · Nov 2, 2024 · 03d7706 · 03d7706
1 parent f5dc485
commit 03d7706
Showing 1 changed file with 23 additions and 23 deletions.
diff --git a/src/features/sidebar_blogs.js b/src/features/sidebar_blogs.js
@@ -17,29 +17,6 @@ export const styleElement = buildStyle(`
   }
 }
 
-@media (min-width: 1162px) {
-  ${keyToCss('navigationLinks')} {
-    display: flex;
-    flex-direction: column;
-  }
-  #account_subnav {
-    display: contents;
-  }
-  #account_subnav[hidden] > :not(${keyToCss('blogSectionWrapper')}) {
-    display: none;
-  }
-  #account_subnav > ${keyToCss('blogSectionWrapper')} {
-    order: 100;
-  }
-  #account_subnav ${keyToCss('navSubHeader')} {
-    padding-bottom: var(--sidebar-blogs-padding);
-  }
-
-  #narrow-sidebar-avatars {
-    display: none;
-  }
-}
-
 .narrow-sidebar-avatar {
   padding: var(--sidebar-blogs-padding) 0;
 
@@ -66,6 +43,29 @@ export const styleElement = buildStyle(`
     height: calc(var(--sidebar-blogs-size) + 4px);
   }
 }
+
+@media (min-width: 1162px) {
+  #narrow-sidebar-avatars {
+    display: none;
+  }
+
+  ${keyToCss('navigationLinks')} {
+    display: flex;
+    flex-direction: column;
+  }
+  #account_subnav {
+    display: contents;
+  }
+  #account_subnav[hidden] > :not(${keyToCss('blogSectionWrapper')}) {
+    display: none;
+  }
+  #account_subnav > ${keyToCss('blogSectionWrapper')} {
+    order: 100;
+  }
+  #account_subnav ${keyToCss('navSubHeader')} {
+    padding-bottom: var(--sidebar-blogs-padding);
+  }
+}
 `);
 
 const narrowSidebarAvatars = dom('div', { id: 'narrow-sidebar-avatars' });