Merge pull request #429 from nypublicradio/mwalsh/WQXR-232

WQXR-244 Daily schedule page, show ad on mobile, make it sticky on desktop
nypublicradio · Apr 13, 2023 · 89c6b02 · 89c6b02
2 parents f75175e + 0e9fb05
commit 89c6b02
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/app/styles/app.scss b/app/styles/app.scss
@@ -90,6 +90,7 @@
 @import 'legacy/search';
 @import 'legacy/screen';
 @import 'legacy/schedule';
+@import 'legacy/playlist';
 @import 'legacy/nav-menu';
 @import 'legacy/user-profile';
 @import 'legacy/events';

diff --git a/app/styles/legacy/_playlist.scss b/app/styles/legacy/_playlist.scss
@@ -0,0 +1,17 @@
+.playlist-daily .site-container .grid_4.sidebar {
+  position: static;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+@media only screen and (min-width: 1160px) {
+  .playlist-daily .site-container .grid_4.sidebar {
+    display: inline;
+    width: 300px;
+  }
+  .playlist-daily .site-container .grid_4.sidebar.sidebar_main {
+    position: sticky;
+    top: 0;
+  }
+}
diff --git a/app/styles/legacy/_schedule.scss b/app/styles/legacy/_schedule.scss
@@ -236,8 +236,6 @@ ul.schedule-table {
   display: none;
 }
 
-
-
 @include mq($medium-only) {
   .schedule-playlists,
   ul.schedule-dates,
@@ -263,10 +261,6 @@ ul.schedule-table {
       margin: 0;
   }
 
-  .site-container .grid_4 {
-    display: none;
-  }
-
   ul.schedule-dates {
     display: flex;
     flex-flow: row wrap;