klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-11-04 02:53:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make new calendar look like the iframe one

Browse Source
This commit is contained in:
Antoine Bartuccio
2024-12-30 14:41:41 +01:00
parent 0d1629495b
commit 6d7467e746
1 changed files with 37 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
com/static/com/components/ics-calendar.scss
View File

@@ -44,12 +44,12 @@
--sc-past-day-background-color: rgba(255, 255, 255, 0); --sc-past-day-background-color: rgba(255, 255, 255, 0);
--sc-future-day-background-color: rgba(255, 255, 255, 0); --sc-future-day-background-color: rgba(255, 255, 255, 0);
--sc-disabled-day-background-color: rgba(208, 208, 208, 0.3); --sc-disabled-day-background-color: rgba(208, 208, 208, 0.3);
--sc-event-overlay-background-color: #FFFFFF; --sc-event-overlay-background-color: white;
--sc-event-overlay-padding: 20px; --sc-event-overlay-padding: 20px;
--sc-event-overlay-border: 1px solid #EEEEEE; --sc-event-overlay-border: 1px solid #EEEEEE;
--sc-event-overlay-border-radius: 4px; --sc-event-overlay-border-radius: 4px;
--sc-event-overlay-primary-icon-color: #1a78b3; --sc-event-overlay-primary-icon-color: #1a78b3;
--sc-event-overlay-secondary-icon-color: #000000; --sc-event-overlay-secondary-icon-color: black;
--sc-event-overlay-box-shadow: 0px 6px 20px 4px rgb(0 0 0 / 16%); --sc-event-overlay-box-shadow: 0px 6px 20px 4px rgb(0 0 0 / 16%);
--sc-event-overlay-max-width: 600px; --sc-event-overlay-max-width: 600px;
} }
@@ -57,4 +57,39 @@
ics-calendar { ics-calendar {
border: none; border: none;
box-shadow: none; box-shadow: none;
a.fc-col-header-cell-cushion,
a.fc-col-header-cell-cushion:hover {
color: black;
}
a.fc-daygrid-day-number,
a.fc-daygrid-day-number:hover {
color: rgb(34, 34, 34);
}
td {
overflow: visible; // Show events on multiple days
}
//Reset from style.scss
table {
box-shadow: none;
border-radius: 0px;
-moz-border-radius: 0px;
margin: 0px;
}
// Reset from style.scss
thead {
background-color: white;
color: black;
}
// Reset from style.scss
tbody>tr {
&:nth-child(even):not(.highlight) {
background: white;
}
}
} }