From 363cb4578f799831a3bafd1c62a36eac3e9b45e3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Thu, 25 Apr 2019 19:02:48 +0200 Subject: Change CSS date markers from id to class. --- module/output/html.scm | 8 ++++---- static/style.css | 26 +++++++++++++------------- 2 files changed, 17 insertions(+), 17 deletions(-) diff --git a/module/output/html.scm b/module/output/html.scm index d68d8bab..34363367 100644 --- a/module/output/html.scm +++ b/module/output/html.scm @@ -107,8 +107,8 @@ (span (@ (class "daydate")) ,(date->string date "~Y-~m-~d"))) (div (@ (class "events")) ,@(map (lambda (time) - `(div (@ (id ,(string-append "clock-" time)) - (class "clock")) " ")) + `(div (@ (class "clock " + ,(string-append "clock-" time))) " ")) (map number->string (iota 12 0 2))) ,@(stream->list (stream-map (lambda (e) (vevent->sxml date e)) events)))))) @@ -118,8 +118,8 @@ (div (@ (class "meta")) #\space) (div (@ (class "clockbar")) ,@(map (lambda (time) - `(div (@ (id ,(string-append "clock-" time)) - (class "clock")) + `(div (@ (class "clock " + ,(string-append "clock-" time))) (span (@ (class "clocktext")) ,(string-append time ":00")))) (map number->string (iota 12 0 2))))))) diff --git a/static/style.css b/static/style.css index 4509dc95..f20b9430 100644 --- a/static/style.css +++ b/static/style.css @@ -136,16 +136,16 @@ margin-left: 3mm; } -#clock-0 { top: calc(100%/24 * 0); } -#clock-2 { top: calc(100%/24 * 2); } -#clock-4 { top: calc(100%/24 * 4); } -#clock-6 { top: calc(100%/24 * 6); } -#clock-8 { top: calc(100%/24 * 8); } -#clock-10 { top: calc(100%/24 * 10); } -#clock-12 { top: calc(100%/24 * 12); } -#clock-14 { top: calc(100%/24 * 14); } -#clock-16 { top: calc(100%/24 * 16); } -#clock-18 { top: calc(100%/24 * 18); } -#clock-20 { top: calc(100%/24 * 20); } -#clock-22 { top: calc(100%/24 * 22); } -#clock-24 { top: calc(100%/24 * 24); } +.clock-0 { top: calc(100%/24 * 0); } +.clock-2 { top: calc(100%/24 * 2); } +.clock-4 { top: calc(100%/24 * 4); } +.clock-6 { top: calc(100%/24 * 6); } +.clock-8 { top: calc(100%/24 * 8); } +.clock-10 { top: calc(100%/24 * 10); } +.clock-12 { top: calc(100%/24 * 12); } +.clock-14 { top: calc(100%/24 * 14); } +.clock-16 { top: calc(100%/24 * 16); } +.clock-18 { top: calc(100%/24 * 18); } +.clock-20 { top: calc(100%/24 * 20); } +.clock-22 { top: calc(100%/24 * 22); } +.clock-24 { top: calc(100%/24 * 24); } -- cgit v1.2.3