css: carry over more medium/thin layout dynamics

1 files changed, 16 insertions, 6 deletions

diff --git a/src/static/css/site.css b/src/static/css/site.css
index 62cfdf03..03cfc845 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -3358,19 +3358,19 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
     width: 100%;
   }
 
-  /* End duplicated for "sidebars in content column" */
-
   .sidebar .news-entry:not(.first-news-entry) {
     display: none;
   }
 
-  .grid-listing > .grid-item {
-    flex-basis: 40%;
-  }
-
   .wiki-search-sidebar-box {
     max-height: max(245px, 60vh, calc(100vh - 205px));
   }
+
+  /* End duplicated for "sidebars in content column" */
+
+  .grid-listing > .grid-item {
+    flex-basis: 40%;
+  }
 }
 
 /* Layout - "sidebars in content column"
@@ -3399,6 +3399,16 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
   width: 100%;
 }
 
+#page-container.sidebars-in-content-column
+.sidebar .news-entry:not(.first-news-entry) {
+  display: none;
+}
+
+#page-container.sidebars-in-content-column
+.wiki-search-sidebar-box {
+  max-height: max(245px, 60vh, calc(100vh - 205px));
+}
+
 /* Layout - Thin (phones) */
 
 @media (max-width: 600px) {