Hide past days on mobile when selected on "today"

ubyssey · Nov 14, 2024 · 3084a76 · 3084a76
1 parent 29f794d
commit 3084a76
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/ubyssey/static_src/src/js/components/Events/calendar.jsx b/ubyssey/static_src/src/js/components/Events/calendar.jsx
@@ -785,7 +785,7 @@ function EventsCalendar({events, start, setStart, numberOfWeeks, setNumberOfWeek
             </>
         )}
         </div>
-        <div class="events-calendar--rows">{calendar.map((week, week_index) => 
+        <div class={"events-calendar--rows" + (!isMonthToggled ? " today-calendar" : "")}>{calendar.map((week, week_index) => 
 
             <div className={"events-calendar--row" + (week.this_week ? " enlarged" : "")}>
                 {week_index===0 && 

diff --git a/ubyssey/static_src/src/styles/components/events/_base.scss b/ubyssey/static_src/src/styles/components/events/_base.scss
@@ -480,13 +480,13 @@ header.events{
             }
         }
     }
-    // .events-calendar--rows .events-calendar--row:first-child {
-    //     display: none;
-    // }
+    .today-calendar .events-calendar--row:first-child {
+         display: none;
+    }
 
-    // div.day.past {
-    //     display: none;
-    // }
+    .today-calendar div.day.past {
+         display: none;
+    }
 
     .events-calendar--rows:nth-child(2) .events-calendar--month {
         display: block;