Voici votre URL de partage https://sharemycode.io/c/092816e (Cliquer pour copier) (Copié)
.item-bodyCalendar {
gap: 5%;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
display: flex;
width: 100%;
text-align: center;
vertical-align: middle;
height: 197px;
min-width: 140px;
border: 1px solid #eeeeee;
border-top: 0;
border-left: 0;
padding: 5px;
position: relative;
&.item-bodyBookingRoom {
height: 134px;
}
&:first-child {
width: 48px;
border-bottom: 0;
border-left: 1px solid #eeeeee;
min-width: 48px;
width: 48px;
span {
display: block;
position: relative;
top: -18px;
font-size: 12px;
font-family: "Varela Round";
text-shadow: 0 1px;
}
}
&.item-bodyCalendarRDV {
height: 305px;
}
.tag-rendezVous {
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 0 0.2px;
font-family: "Varela Round";
font-size: 12px;
line-height: 19px;
padding: 3px 10px;
margin-bottom: 5px;
position: absolute;
left: 5px;
right: 5px;
cursor: pointer;
span {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
&:last-child {
margin-bottom: 0;
}
&.tag-pending {
background: #fdf8ee;
color: #c89b00;
}
&.tag-supported {
background: #ebf8f2;
color: #0b8b17;
}
&.tag-treated {
background: #e4eaff;
color: #2e4ebd;
}
&.tag-canceled {
ackground: #f3f3f5;
color: #727392;
}
&.tag-missed {
background: #f9f5fd;
color: #ac7de1;
}
&.order-0 {
top: 5px;
}
&.order-1 {
top: 30px;
}
&.order-2 {
top: 55px;
}
&.order-3 {
top: 80px;
}
&.order-4 {
top: 105px;
}
&.order-5 {
top: 130px;
}
&.order-6 {
top: 155px;
}
&.order-7 {
top: 180px;
}
&.order-8 {
top: 205px;
}
&.order-9 {
top: 230px;
}
&.order-10 {
top: 255px;
}
&.order-11 {
top: 280px;
}
}
.reservation {
width: 50%;
}
.tag-bookingRoom {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 0 0.2px;
font-family: "Varela Round";
font-size: 14px;
line-height: 21px;
padding: 3px 10px;
width: 100%;
margin: 0;
cursor: pointer;
/* Styles pour le texte à l'intérieur */
& > span {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
& > span {
display: block;
}
}
&:last-child {
margin-right: 5px; /* Espace supplémentaire pour la dernière réservation */
margin-bottom: 0; /* Pour éliminer la marge du bas du dernier élément */
}
/* Styles pour les états des réservations */
&.tag-passes {
background: #ebf8f2;
color: #0b8b17;
}
&.tag-venir {
background: #fdf8ee;
color: #c89b00;
}
&.tag-pending {
background: #eeebfd;
color: #9379ff;
}
&.tag-validated {
background: #ecf8ec;
color: #2ca929;
}
&.tag-closed {
background: #ededed;
color: #8b8b8b;
}
/* Supprimez ou commentez les classes .row-X si elles ne sont plus nécessaires */
/* Les classes .order-X peuvent également être supprimées si elles ne sont plus nécessaires */
}
}
Informations
Cet extrait a été créé le 28 mars 2024 à 16:42:29
Cet extrait expire le 27 avr. 2024 à 16:42:29
Langage : javascript
Link
Voici votre URL de partage : https://sharemycode.io/c/092816e Copié
Demander la suppression