From 6a4e871e1c183b8a500b3fdfd293d2986d4d5e2f Mon Sep 17 00:00:00 2001
From: Moritz Strohm <strohm@data-quest.de>
Date: Mon, 25 Mar 2024 14:32:27 +0000
Subject: [PATCH] fullcalendar.scss: display header as rows in mobile view,
fixes #3880
Closes #3880
Merge request studip/studip!2737
---
resources/assets/stylesheets/fullcalendar.scss | 16 ++++++++++++----
1 file changed, 12 insertions(+), 4 deletions(-)
diff --git a/resources/assets/stylesheets/fullcalendar.scss b/resources/assets/stylesheets/fullcalendar.scss
index 7e6353b54a4..0a712ca28d9 100644
--- a/resources/assets/stylesheets/fullcalendar.scss
+++ b/resources/assets/stylesheets/fullcalendar.scss
@@ -236,11 +236,19 @@ a.fc-event, td.fc-event {
// Responsive
.responsive-display {
.fc-header-toolbar {
- .fc-button-group {
- .fc-button {
- min-width: 0;
- }
+ flex-direction: column;
+
+ .fc-left,
+ .fc-center,
+ .fc-right {
+ width: 100%;
+ text-align: center;
}
+ .fc-left,
+ .fc-center {
+ margin-bottom: $line-height-computed - $font-size-base;
+ }
+
}
.fc-view-container {
--
GitLab