opolka/ScoDoc
1
0
Fork 0
forked from ScoDoc/ScoDoc
Code Issues Pull Requests Activity

Assiduité : minitimeline utilisation couleur assiduite + assiduite_bubble

Browse Source
This commit is contained in:
Iziram 2024-03-11 11:36:24 +01:00
parent 39dca32d2e
commit fddfddfa7b
1 changed files with 8 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/static/css/minitimeline.css
View File

@ -94,7 +94,9 @@
top: 200%;
}
.mini-timeline-block:hover .assiduite-bubble {
.mini-timeline-block:hover .assiduite-bubble,
#prevDateAssi:hover .assiduite-bubble,
.assiduites-container .assiduite:hover .assiduite-bubble {
display: flex;
justify-content: center;
align-items: center;
@ -103,6 +105,11 @@
max-height: 150px;
}
#prevDateAssi:hover .assiduite-bubble {
transform: translateY(55%);
top: 0;
}
.assiduite-bubble::before {
content: "";
position: absolute;
@ -190,23 +197,3 @@
outline: 3px solid var(--color-primary);
pointer-events: none;
}
.mini-timeline-block.absent {
background-color: var(--color-absent) !important;
}
.mini-timeline-block.present {
background-color: var(--color-present) !important;
}
.mini-timeline-block.retard {
background-color: var(--color-retard) !important;
}
.mini-timeline-block.justified {
background-image: var(--motif-justi);
}
.mini-timeline-block.invalid_justified {
background-image: var(--motif-justi-invalide);
}