diff --git a/apps/client/src/widgets/collections/calendar/index.css b/apps/client/src/widgets/collections/calendar/index.css index bc64195af..9313b615e 100644 --- a/apps/client/src/widgets/collections/calendar/index.css +++ b/apps/client/src/widgets/collections/calendar/index.css @@ -114,20 +114,15 @@ body.desktop:not(.zen) .calendar-view .calendar-header { --c2: var(--callendar-coll-event-archived-sripe-color); background: repeating-linear-gradient(45deg, var(--c1), var(--c1) 8px, - var(--c2) 8px, var(--c2) 16px) !important; + var(--c2) 8px, var(--c2) 16px); } .calendar-view a.fc-timegrid-event, .calendar-view a.fc-daygrid-event, -.fc-daygrid-dot-event .fc-event-title { +.calendar-view .fc-daygrid-dot-event .fc-event-title { font-weight: 500; } -.calendar-view a.fc-timegrid-event:focus-visible, -.calendar-view a.fc-daygrid-event:focus-visible { - outline: none; -} - .calendar-view a.fc-timegrid-event, .calendar-view a.fc-daygrid-event { --border-color: transparent; @@ -141,6 +136,20 @@ body.desktop:not(.zen) .calendar-view .calendar-header { padding-left: 8px; } +.calendar-view .fc-timegrid-event.with-hue, +.calendar-view .fc-daygrid-event.with-hue { + --fc-event-text-color: var(--custom-color); + + --fc-event-bg-color: hsl(var(--custom-color-hue), + var(--calendar-coll-event-background-saturation), + var(--calendar-coll-event-background-lightness)) !important; +} + +.calendar-view a.fc-timegrid-event:focus-visible, +.calendar-view a.fc-daygrid-event:focus-visible { + outline: none; +} + .calendar-view a.fc-timegrid-event.fc-event-selected, .calendar-view a.fc-timegrid-event.fc-event:focus, .calendar-view a.fc-daygrid-event.fc-event-selected, @@ -157,23 +166,15 @@ body.desktop:not(.zen) .calendar-view .calendar-header { opacity: 1; } -.calendar-view .fc-timegrid-event.with-hue, -.calendar-view .fc-daygrid-event.with-hue { - --fc-event-text-color: var(--custom-color); - - --fc-event-bg-color: hsl(var(--custom-color-hue), - var(--calendar-coll-event-background-saturation), - var(--calendar-coll-event-background-lightness)) !important; +.calendar-view .fc-daygrid-event-dot { + display: none; } + .calendar-view .fc-event-time { opacity: .75; } -.fc-daygrid-event-dot { - display: none; -} - /* * List view */