Fix navigation toggle overlap

Signed-off-by: Jan C. Borchardt <925062+jancborchardt@users.noreply.github.com>
nextcloud · Aug 2, 2023 · a87c736 · a87c736
1 parent 48c1a1c
commit a87c736
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/css/app-navigation.scss b/css/app-navigation.scss
@@ -108,6 +108,11 @@
 	}
 }
 
+// Add background to navigation toggle to fix overlap with calendar elements
+.app-navigation-toggle {
+	background-color: var(--color-main-background) !important;
+}
+
 .app-navigation {
 	button.icon-share {
 		opacity: 0.3 !important;

diff --git a/css/fullcalendar.scss b/css/fullcalendar.scss
@@ -116,6 +116,16 @@
 	word-break: break-word;
 }
 
+// Prevent events overlapping over day header
+.fc .fc-list-sticky .fc-list-day > * {
+	z-index: 1;
+}
+
+// Padding to account for left navigation toggle
+.fc-list-table .fc-list-day-cushion {
+	padding-left: calc(var(--default-clickable-area) + var(--default-grid-baseline) * 2);
+}
+
 // highlight current day (exclude day view)
 .fc-timeGridWeek-view,
 .fc-dayGridMonth-view {