Merge branch '19-fix-shadow-in-ical-viewer' into 'main'

Resolve "fix shadow in ical viewer"

Closes #19

See merge request htwk-software/htwkalender-pwa!10
This commit is contained in:
Elmar Kresse
2024-06-27 18:54:22 +00:00
8 changed files with 1058 additions and 4057 deletions

View File

@@ -477,3 +477,12 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
); /*rgba(147, 197, 253, 0.16)*/ ); /*rgba(147, 197, 253, 0.16)*/
} }
} }
.fc-event-selected::after, .fc-event:focus::after {
background: var(--fc-event-selected-overlay-color);
inset: -1px;
content: "";
position: absolute;
z-index: 1;
border-radius: 5px;
}

View File

@@ -487,3 +487,12 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
); /*rgba(147, 197, 253, 0.16)*/ ); /*rgba(147, 197, 253, 0.16)*/
} }
} }
.fc-event-selected::after, .fc-event:focus::after {
background: var(--fc-event-selected-overlay-color);
inset: -1px;
content: "";
position: absolute;
z-index: 1;
border-radius: 5px;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -30,7 +30,7 @@ import interactionPlugin from "@fullcalendar/interaction";
import timeGridPlugin from "@fullcalendar/timegrid"; import timeGridPlugin from "@fullcalendar/timegrid";
import iCalenderPlugin from "@fullcalendar/icalendar"; import iCalenderPlugin from "@fullcalendar/icalendar";
import router from "@/router"; import router from "@/router";
import { formatYearMonthDay, removeTZ } from "@/helpers/dates.ts"; import { formatYearMonthDay } from "@/helpers/dates.ts";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { useQuery } from "@tanstack/vue-query"; import { useQuery } from "@tanstack/vue-query";
import tokenStore from "@/store/tokenStore.ts"; import tokenStore from "@/store/tokenStore.ts";
@@ -50,8 +50,8 @@ const op = ref();
const clickedEvent = ref(); const clickedEvent = ref();
const toggle = (info: EventClickArg) => { const toggle = (info: EventClickArg) => {
const start = !info.event.start ? "" : removeTZ(info.event.start); const start = !info.event.start ? "" : info.event.start;
const end = !info.event.end ? "" : removeTZ(info.event.end); const end = !info.event.end ? "" : info.event.end;
if (op.value.visible) { if (op.value.visible) {
clickedEvent.value = null; clickedEvent.value = null;

View File

@@ -22,7 +22,3 @@
export function formatYearMonthDay(date: Date): string { export function formatYearMonthDay(date: Date): string {
return date.toISOString().split("T")[0].replace(/-/g, ""); return date.toISOString().split("T")[0].replace(/-/g, "");
} }
export function removeTZ(date: Date): Date {
return new Date(date.getTime() + date.getTimezoneOffset() * 60000);
}