diff --git a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-wkKalender.css b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-wkKalender.css index 40166e3..9f88d8c 100644 --- a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-wkKalender.css +++ b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-wkKalender.css @@ -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 */ diff --git a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php index b61d629..8a13c5d 100644 --- a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php +++ b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php @@ -135,13 +135,13 @@ $htmlWkTableString = ""; "". "". "". - "". -// "". + "". + "". "". "". "".$wk['Veranstaltung']."".