marko/cwsvJudo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Gestapeltes Datum im Wettkampfkalender

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

51
homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-wkKalender.css
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 */

14
homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php
View File

@@ -135,13 +135,13 @@ $htmlWkTableString = "";
"<tr>".
"<script type=\"application/ld+json\">".wkArray2jsonSdEvent($wk)."</script>".
"<td data-title=\"Datum\" class=\"noWrap\">".
"<time datetime=\"".$wk['Datum']."\">".strftime("%Y-%m-%d (%a)", strtotime($wk['Datum']) )."</time>".
// "<time class=\"date-as-calendar position-pixels\" datetime=".$wk['Datum'].">".
// "<span class=\"weekday\">".strftime("%A", strtotime($wk['Datum']))."</span>".
// "<span class=\"day\">".strftime("%d", strtotime($wk['Datum']))."</span>".
// "<span class=\"month\">".strftime("%B", strtotime($wk['Datum']))."</span>".
// "<span class=\"year\">".strftime("%Y", strtotime($wk['Datum']))."</span>".
// "</time>".
"<time class=\"kalenderDatum\" datetime=".$wk['Datum'].">".
"<span>".strftime("%Y", strtotime($wk['Datum']))."</span>".
"<span>".strftime("%B", strtotime($wk['Datum']))."</span>".
"<span>".strftime("%d", strtotime($wk['Datum']))."</span>".
"<span>".strftime("%A", strtotime($wk['Datum']))."</span>".
"</time>".
"</time>".
"</td>".
"<td data-title=\"Ausschreibung\" class=\"hyphenate\">".
"<a title=\"Ausschreibung ".$wk['Veranstaltung']."\" href=\"".$wk['Ausschreibung']."\"><span property=\"name\">".$wk['Veranstaltung']."</span></a>".