applications/calendar/src/app/styles/_debug.scss

   1 // fix for Safari mobile shitty way to handle vh unit
   2 .is-day-view,
   3 .is-week-view,
   4 .is-month-view {
   5         .calendar-time-grid::after {
   6                 content: '';
   7                 display: flex;
   8                 inline-size: 100%;
   9                 block-size: 5em;
  10         }
  11 }
  12
  13 @include media('<=small') {
  14         .is-day-view,
  15         .is-week-view,
  16         .is-month-view {
  17                 .calendar-time-grid::after {
  18                         padding-block-end: env(safe-area-inset-bottom); // thanks Apple for the fixed toolbar at the bottom
  19                 }
  20         }
  21 }
  22
  23 // hide the thing on desktop devices supporting media query 4 spec
  24 @media (pointer: fine) {
  25         .is-day-view,
  26         .is-week-view,
  27         .is-month-view {
  28                 .calendar-time-grid::after {
  29                         content: none;
  30                 }
  31         }
  32 }