blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-07-25 00:24:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feature(Calendar Moodle): adds moodle svg and adopts month page view for moodle events

Browse Source
This commit is contained in:
SimonGschnell
2025-02-21 14:21:38 +01:00
parent 400ba2d7f9
commit ebbec03de4
7 changed files with 131 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/components/calendar.css
+34 -7
View File
@@ -69,25 +69,43 @@
display: grid;
}
.all-day-event-border{
.fhc-calendar-week-page .all-day-event-border{
box-shadow: 1px 1px 0 #dee2e6;
}
.all-day-event{
.fhc-calendar-week-page .all-day-event{
max-height: 75px;
overflow:scroll;
}
.all-day-event-container{
.fhc-calendar-week-page .all-day-event-container{
position: sticky;
top: 44px;
display:grid;
grid-template-columns:repeat(7,1fr);
width:100%;
box-shadow: 0px 1px 0px #dee2e6;
z-index:3;
}
.fhc-calendar-day-page .all-day-event-border {
box-shadow: 1px 1px 0 #dee2e6;
}
.fhc-calendar-day-page .all-day-event {
grid-column:2;
max-height: 75px;
overflow: scroll;
}
.fhc-calendar-day-page .all-day-event-container {
position: sticky;
top:0;
display: grid;
grid-template-columns: 3em 1fr;
width: 100%;
z-index: 3;
}
/* grid hour lines of the Stundenplan use box-shadow instead of border because box-shadow renders consistently on different viewports*/
.box-shadow-border{
box-shadow: 0 0 0 1px #dee2e6 !important;
@@ -113,8 +131,6 @@
min-height: 0;
}
.fhc-calendar-day-page > div {
/*transform: translate(-0.75em, -0.75em);*/
/*width: calc(100% + 1.5em);*/
height: calc(100% + 1.5em);
}
.fhc-calendar-day-page .flex-column > .flex-grow-1 {
@@ -126,7 +142,6 @@
.fhc-calendar-day-page .events {
display: grid;
grid-template-columns: 3em 1fr;
/*min-height: 266.6666666667%;*/
}
.fhc-calendar-day-page .events .day {
gap: 1px;
@@ -222,7 +237,19 @@
}
.fhc-highlight-day {
position:relative;
}
.fhc-highlight-day::before {
content:'';
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
box-shadow: inset 0 0 0 2px black !important;
pointer-events: none;
z-index: 2;
}
.fhc-calendar-sm .fhc-calendar-month-page-day.active .no,