Gestapeltes Datum im Wettkampfkalender

zum Commit vorgemerkte Änderungen:
	geändert:       homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-wkKalender.css
	geändert:       homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php
This commit is contained in:
marko
2018-06-25 19:37:36 +02:00
parent 026cecc81c
commit da8db3324b
2 changed files with 58 additions and 7 deletions

View File

@@ -47,6 +47,35 @@
color: #757575;
}
.kalenderDatum{
display: flex;
justify-content: flex-end;
}
.kalenderDatum > span:nth-child(4)::after{
content: ", d. ";
white-space: pre;
}
.kalenderDatum > span:nth-child(4){
order: 1;
}
.kalenderDatum > span:nth-child(3)::after{
content: ". ";
white-space: pre;
}
.kalenderDatum > span:nth-child(3){
order: 2;
}
.kalenderDatum > span:nth-child(2)::after{
content: " ";
white-space: pre;
}
.kalenderDatum > span:nth-child(2){
order: 3;
}
.kalenderDatum > span:nth-child(1){
order: 4;
}
@media screen and (min-width: 1280px){
.wkKalender > thead{
@@ -94,6 +123,28 @@
.wkKalender th {
display: table-cell;
}
.kalenderDatum{
flex-direction: column;
align-items: center;
}
.kalenderDatum > span:nth-child(4)::after{
content: initial;
white-space: initial;
}
.kalenderDatum > span:nth-child(4){
display: none;
}
.kalenderDatum > span:nth-child(3)::after{
content: ".";
white-space: pre;
}
.kalenderDatum > span:nth-child(2)::after{
content: initial;
white-space: initial;
}
/* https://codepen.io/denilsonsa/pen/Etrba */