Make time tables responsive

This commit is contained in:
Christian Wolf 2024-01-07 15:55:19 +01:00
parent 3a4f208914
commit c2ef20b985

View File

@ -700,6 +700,46 @@ h1 {
} }
} }
table.time {
// width: 100%;
display: flex;
flex-direction: column;
tr {
display: flex;
flex-direction: column;
width: 100%;
td:nth-child(1) {
font-weight: bold;
}
}
tr:first-child {
display: none;
}
&.time-no-age {
td:nth-child(3)::before {
content: "Uhrzeit: ";
}
td:nth-child(4)::before {
content: "Ort: ";
}
}
&.time-age {
td:nth-child(2)::before {
content: "Jahrgang: ";
}
td:nth-child(4)::before {
content: "Uhrzeit: ";
}
td:nth-child(5)::before {
content: "Ort: ";
}
}
}
.iframe-generic { .iframe-generic {
display: block; display: block;
width: 100%; width: 100%;