manager css: allow multiple partial bookings on the same line (#80050)
gitea/chrono/pipeline/head This commit looks good
Details
gitea/chrono/pipeline/head This commit looks good
Details
This commit is contained in:
parent
7c34e4fe7f
commit
8b924ef670
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue