DGNum/interq.ens.fr
14
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

calandar changes

Browse source
This commit is contained in:
louiseh 2024-03-05 10:58:39 +01:00
parent 4f1ed29d21
commit 0c4d19c1d1
1 changed files with 44 additions and 51 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

95
www/css/calendar.css
View file

@ -1,14 +1,14 @@
/* Calendar */ /* Calendar */
.cal-container { .cal-container {
position: relative; position: relative;
width: 100%; width: 100%;
/* height: 1200px; */ /* height: 1200px; */
padding: 0; padding: 0;
font-size: 0.8rem; font-size: 0.8rem;
line-height: 100%; line-height: 100%;
} }
.cal-container, .cal-container,
@ -16,6 +16,7 @@
box-sizing: border-box; box-sizing: border-box;
} }
/* Time slots */ /* Time slots */
.cal-container .cal-time-slot-container { .cal-container .cal-time-slot-container {
@ -62,7 +63,7 @@
} }
.cal-container .cal-time-slot-hour:nth-child(even) { .cal-container .cal-time-slot-hour:nth-child(even) {
background-color: none; /* rgba(255, 223, 165, 0.05);*/ background-color: none;/* rgba(255, 223, 165, 0.05);*/
} }
.cal-container .cal-time-slot-hour:first-child { .cal-container .cal-time-slot-hour:first-child {
@ -136,16 +137,14 @@
right: 0; right: 0;
} }
.cal-container .cal-container .cal-event:not(.cal-event-subscribed) > .cal-event-perm-count.cal-perms-missing {
.cal-event:not(.cal-event-subscribed)
> .cal-event-perm-count.cal-perms-missing {
width: calc(100% - 10px); width: calc(100% - 10px);
right: auto; right: auto;
margin: 5px; margin: 5px;
padding: 5px; padding: 5px;
background-color: #fff; background-color: #FFF;
border: 2px solid #e44; border: 2px solid #E44;
color: #e44; color: #E44;
font-weight: bold; font-weight: bold;
border-radius: 3px; border-radius: 3px;
overflow: hidden; overflow: hidden;
@ -169,6 +168,7 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
} }
/* Event details popup */ /* Event details popup */
.cal-container .cal-event-details { .cal-container .cal-event-details {
@ -178,24 +178,24 @@
max-width: 80%; max-width: 80%;
padding: 20px; padding: 20px;
background-color: #333; background-color: #333;
color: #fff; color: #FFF;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6);
z-index: 1000; z-index: 1000;
} }
.cal-container .cal-event-details:after { .cal-container .cal-event-details:after {
bottom: 100%; bottom: 100%;
left: 50%; left: 50%;
border: solid transparent; border: solid transparent;
content: " "; content: " ";
height: 0; height: 0;
width: 0; width: 0;
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
border-bottom-color: #333; border-bottom-color: #333;
border-width: 20px; border-width: 20px;
margin-left: -20px; margin-left: -20px;
} }
.cal-container .cal-event-details.above-event:after { .cal-container .cal-event-details.above-event:after {
@ -228,18 +228,18 @@
border: none; border: none;
border-radius: 50%; border-radius: 50%;
font-size: 1.2rem; font-size: 1.2rem;
color: #bbb; color: #BBB;
transition: 100ms ease-out; transition: 100ms ease-out;
} }
.cal-container .cal-event-details .cal-detail-close-button:hover { .cal-container .cal-event-details .cal-detail-close-button:hover {
background-color: #484848; background-color: #484848;
color: #efefef; color: #EFEFEF;
} }
.cal-container .cal-event-details a, .cal-container .cal-event-details a,
.cal-container .cal-event-details a:hover { .cal-container .cal-event-details a:hover {
color: #fff; color: #FFF;
text-decoration: none; text-decoration: none;
} }
@ -247,13 +247,14 @@
padding: 10px; padding: 10px;
border-radius: 4px; border-radius: 4px;
font-size: 1rem; font-size: 1rem;
color: #fff; color: #FFF;
text-transform: uppercase; text-transform: uppercase;
text-align: center; text-align: center;
} }
.cal-container .cal-event-details .cal-detail-name h3 { .cal-container .cal-event-details .cal-detail-name h3 {
margin: 0 20px 20px 20px; margin: 0 20px 20px 20px;
line-height: 150%;
} }
.cal-container .cal-event-details table { .cal-container .cal-event-details table {
@ -274,7 +275,7 @@
.cal-container .cal-event-details .cal-detail-perm-area { .cal-container .cal-event-details .cal-detail-perm-area {
margin: 10px 0; margin: 10px 0;
padding: 10px; padding: 10px;
background-color: #dfdfdf; background-color: #DFDFDF;
color: #333; color: #333;
text-align: center; text-align: center;
border-radius: 4px; border-radius: 4px;
@ -290,47 +291,36 @@
vertical-align: middle; vertical-align: middle;
} }
.cal-container .cal-container .cal-event-details .cal-detail-perm-area .cal-detail-perm-count.cal-perms-missing {
.cal-event-details color: #E44;
.cal-detail-perm-area
.cal-detail-perm-count.cal-perms-missing {
color: #e44;
} }
.cal-container .cal-container .cal-event-details .cal-detail-perm-area .cal-detail-perm-count.cal-perms-full {
.cal-event-details
.cal-detail-perm-area
.cal-detail-perm-count.cal-perms-full {
color: #393; color: #393;
} }
.cal-container
.cal-event-details .cal-container .cal-event-details .cal-detail-perm-area .cal-detail-perm-subscription-switch {
.cal-detail-perm-area
.cal-detail-perm-subscription-switch {
margin: 0 0 0 10px; margin: 0 0 0 10px;
padding: 10px; padding: 10px;
font-size: 1.35rem; font-size: 1.35rem;
vertical-align: middle; vertical-align: middle;
} }
.cal-container .cal-container .cal-event-details .cal-detail-perm-area .cal-detail-perm-nb-missing-perms {
.cal-event-details
.cal-detail-perm-area
.cal-detail-perm-nb-missing-perms {
margin: 20px 0 0 0; margin: 20px 0 0 0;
padding: 5px; padding: 5px;
background-color: #fff; background-color: #FFF;
border-radius: 4px; border-radius: 4px;
text-align: center; text-align: center;
font-size: 1.1rem; font-size: 1.1rem;
color: #e44; color: #E44;
font-weight: bold; font-weight: bold;
} }
.cal-container .cal-event-details .cal-detail-description { .cal-container .cal-event-details .cal-detail-description {
margin: 20px 0 0 0; margin: 20px 0 0 0;
color: #ddd; color: #DDD;
font-size: 0.9rem; font-size: 0.9rem;
font-style: italic; font-style: italic;
text-align: justify; text-align: justify;
@ -341,5 +331,8 @@
display: inline-block; display: inline-block;
margin: 5px; margin: 5px;
padding: 5px; padding: 5px;
border: 1px solid #ddd; border: 1px solid #DDD;
} }