67 lines
1,003 B
CSS
67 lines
1,003 B
CSS
/*
|
|
* Styles propres à l'application (tableau de bord, journal).
|
|
* La charte graphique est dans charte.css, les raccords avec Bulma dans _charte-bulma.scss.
|
|
*/
|
|
|
|
.tracker {
|
|
align-content: center;
|
|
}
|
|
|
|
.logs {
|
|
height: 60vh;
|
|
overflow: scroll;
|
|
}
|
|
|
|
.current-day {
|
|
background-color: var(--porcelaine);
|
|
position: sticky;
|
|
top: 0;
|
|
align-content: center;
|
|
}
|
|
|
|
.bar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.day {
|
|
border: 1px;
|
|
margin: 4px;
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
.day.has-day-log {
|
|
position: relative;
|
|
}
|
|
|
|
.day.has-day-log::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 1px;
|
|
right: 1px;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 50%;
|
|
background-color: white;
|
|
}
|
|
|
|
.selected-day {
|
|
border-radius: 50%;
|
|
box-shadow: 0 0 0 3px var(--porcelaine), 0 0 0 5px var(--encre);
|
|
margin: 4px;
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
.empty-day {
|
|
border: 1px dashed var(--bordure-champ);
|
|
margin: 4px;
|
|
width: 15px;
|
|
height: 15px;
|
|
background: transparent;
|
|
}
|
|
|
|
.info {
|
|
margin: 30px;
|
|
}
|