diff options
| -rw-r--r-- | resources/assets/stylesheets/scss/fullcalendar.scss | 8 | ||||
| -rw-r--r-- | resources/assets/stylesheets/scss/variables.scss | 3 |
2 files changed, 10 insertions, 1 deletions
diff --git a/resources/assets/stylesheets/scss/fullcalendar.scss b/resources/assets/stylesheets/scss/fullcalendar.scss index c3972bc..3cb8ad1 100644 --- a/resources/assets/stylesheets/scss/fullcalendar.scss +++ b/resources/assets/stylesheets/scss/fullcalendar.scss @@ -111,6 +111,14 @@ display: none; } } + + /* + Display the week number a bit smaller so that is doesn't overlap the day number on + small screens in portrait orientation: + */ + .fc-daygrid-week-number { + font-size: $font-size-tiny; + } } /* Display the week number at the top of the cell in the top left corner: */ diff --git a/resources/assets/stylesheets/scss/variables.scss b/resources/assets/stylesheets/scss/variables.scss index 4e7e36f..7198e00 100644 --- a/resources/assets/stylesheets/scss/variables.scss +++ b/resources/assets/stylesheets/scss/variables.scss @@ -9,6 +9,7 @@ $font-family-base: "Lato", sans-serif; $font-size-base: 14px; $font-size-large: ceil($font-size-base * 1.25); // 18px $font-size-small: ceil($font-size-base * 0.85); // 12px +$font-size-tiny: ceil($font-size-base * 0.7); // 10px $font-size-h1: floor($font-size-base * 1.6); // 22px $font-size-h2: ceil($font-size-base * 1.4); // 20px @@ -98,4 +99,4 @@ $button-icons: ( upload: upload, has-notice: file-text, has-no-notice: file, -);
\ No newline at end of file +); |