manager css: allow multiple partial bookings on the same line (#80050)
gitea/chrono/pipeline/head This commit looks good Details

This commit is contained in:
Thomas Jund 2023-09-07 10:40:36 +02:00 committed by Valentin Deniaud
parent 7c34e4fe7f
commit 8b924ef670
1 changed files with 9 additions and 4 deletions

View File

@ -658,6 +658,7 @@ div#appbar a.active {
&--datas {
box-sizing: border-box;
flex: 1 0 100%;
padding: .33rem 0;
@media (min-width: 761px) {
flex-basis: auto;
}
@ -674,24 +675,28 @@ div#appbar a.active {
}
&--bar-container {
position: relative;
padding: .33rem 0;
margin: 0.33rem 0;
}
&--bar {
--color: white;
box-sizing: border-box;
margin: 0.33rem 0;
margin: 0;
position: relative;
padding: 0.33em 0.66em;
background-color: var(--background);
color: var(--color);
&:not(:first-child) {
position: absolute;
top: 0;
}
&.booking {
--background: #1066bc;
}
&.check.present, &.computed.present {
--background: hsl(120, 57%, 35%);
--background: var(--green);
}
&.check.absent, &.computed.absent {
--background: hsl(355, 80%, 45%);
--background: var(--red);
}
&.computed {
opacity: 0.6;