Add pool, change design, did stuf

This commit is contained in:
Lars Westermann 2019-06-10 20:00:00 +02:00
parent fd41c3a72e
commit 43e5bac871
Signed by: lars.westermann
GPG key ID: 9D417FA5BB9D5E1D
12 changed files with 141 additions and 16 deletions

View file

@ -31,7 +31,7 @@
bottom: 0;
left: 100%;
margin-left: 1rem;
border-right: solid 1px var(--table-border-color);
border-right: solid 1px var(--input-border-color);
}
}
@ -45,19 +45,22 @@
.board-header {
height: 8rem !important;
margin-top:0.3rem;
& > div {
height: 100%;
}
&:after {
content: '';
content: "";
position: absolute;
left: 0;
width: 100%;
top: 100%;
margin-top: 0.5rem;
height: 100%;
border-bottom: solid 1px var(--table-border-color);
box-shadow: 0 0 4px black;
top: -1rem;
padding-top: 1.2rem;
}
}
@ -112,7 +115,7 @@
}
.board-schedule-color {
width: 1.2rem;
width: 1.5rem;
span {
display: block;

View file

@ -349,6 +349,7 @@
width: 12rem;
position: relative;
padding-left: 0.2rem;
text-align: center;
&::before {
content: '';
@ -638,3 +639,34 @@
display: block;
}
}
.track-legend-list {
display: flex;
line-height: 2rem;
height: 2rem;
width: 100%;
padding: 0 1rem;
}
.track-legend {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
position: relative;
}
.track-legend-color {
width: 1rem;
height: 1rem;
border-radius: 100%;
position: absolute;
left: 0;
top: 0.5rem;
background-color: var(--primary-color);
}
.track-legend-name {
position: absolute;
top: 0;
left: 2rem;
}

View file

@ -22,6 +22,7 @@
th, td {
padding: 0 0.6rem;
position: relative;
}
.action {
@ -30,6 +31,7 @@
tr {
border-top: solid 1px var(--table-border-color);
position: relative;
&:first-child {
background-color: var(--table-header-color);
@ -148,4 +150,13 @@
&.active {
display: block;
}
}
.track-table-color {
width: 1rem;
height: 1rem;
border-radius: 100%;
position: absolute !important;
top: 0.6rem;
left: 6rem;
}

View file

@ -51,7 +51,7 @@
.calendar-body {
display: flex;
width: calc(100vw - 9.6rem);
width: calc(100vw - 8.6rem);
}
.calendar-row {
@ -75,6 +75,8 @@
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
}
}
}
@ -83,6 +85,8 @@
.calendar-cell {
overflow: hidden;
text-overflow: ellipsis;
width: 6rem !important;
text-align: center;
span {
padding: 0 0.2rem;