From f312621f0da5f40befa81f3cefcc921d5fb65ab9 Mon Sep 17 00:00:00 2001
From: Huong Nguyen <huongnv13@gmail.com>
Date: Wed, 3 Jul 2024 09:44:48 +0700
Subject: [PATCH] MDL-82363 Calendar: Responsiveness improvement for calendar
 block

Hide the month name if the screen is too small
---
 theme/boost/scss/moodle/calendar.scss | 5 ++++-
 theme/boost/style/moodle.css          | 5 ++++-
 theme/classic/style/moodle.css        | 5 ++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/theme/boost/scss/moodle/calendar.scss b/theme/boost/scss/moodle/calendar.scss
index 9991b797caa..205211dae2f 100644
--- a/theme/boost/scss/moodle/calendar.scss
+++ b/theme/boost/scss/moodle/calendar.scss
@@ -628,7 +628,10 @@ table.calendartable caption {
                         .previous,
                         .next {
                             width: 30%;
-                            font-size: 0.8em;
+
+                            .arrow_text {
+                                display: none;
+                            }
                         }
                     }
 
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 0b69b191164..6faf3aec738 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -27755,7 +27755,10 @@ table.calendartable caption {
   section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
   section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
     width: 30%;
-    font-size: 0.8em;
+  }
+  section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text,
+  section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
+    display: none;
   }
   section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
   section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index fd2ef98c106..cc774896b74 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -27755,7 +27755,10 @@ table.calendartable caption {
   section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
   section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
     width: 30%;
-    font-size: 0.8em;
+  }
+  section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text,
+  section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
+    display: none;
   }
   section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
   section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {