diff options
author | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-08-05 22:28:53 +0200 |
---|---|---|
committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-08-05 22:28:53 +0200 |
commit | 92e88828c1017d0cade743aa38cc60852103a05d (patch) | |
tree | 4809b6547812ee0df9fbba35727f9593173bb4a5 /static/style.css | |
parent | Events per day now in correct spots. (diff) | |
download | calp-92e88828c1017d0cade743aa38cc60852103a05d.tar.gz calp-92e88828c1017d0cade743aa38cc60852103a05d.tar.xz |
Clean up caltable code.
Diffstat (limited to 'static/style.css')
-rw-r--r-- | static/style.css | 43 |
1 files changed, 10 insertions, 33 deletions
diff --git a/static/style.css b/static/style.css index 2a45bdc6..05a75c1c 100644 --- a/static/style.css +++ b/static/style.css @@ -320,17 +320,12 @@ along with their colors. display: grid; grid-template-columns: repeat(7, 1fr); - /* This is for the first name, the week days. - NOTE that I'm not sure this is actually the - correct way to do it. */ - /* grid-template-rows: 2em; */ - /* grid-auto-rows: 1fr; */ - /* - grid-template-rows: 2em repeat(6, [time] 15pt [long] 1fr [short] 1fr); -*/ + /* grid template rows is generated + inline in the HTML */ max-height: 100%; - /* Apparently needed to ensure that parent can contain all its children */ + /* Apparently needed to ensure that parent + can contain all its children */ min-height: 0; } @@ -354,31 +349,19 @@ along with their colors. border-top: none } -.caltable .cal-cell-long .event { +.caltable .longevents .event { margin: 0; /* TODO use other border rules */ border: 1px solid black; } -.caltable .cal-cell-long .continuing { - border-radius: 1cm 0 0 1cm; -} - -.caltable .cal-cell-long .continued { - border-radius: 0 1cm 1cm 0; -} - -.caltable .cal-cell-long .continuing.continued { - border-radius: 0; -} - -.caltable .cal-cell-long { +.caltable .longevents { border-bottom: none; border-top: none; position: relative; } -.caltable .cal-cell-long .event { +.caltable .longevents .event { position: absolute; box-sizing: border-box; padding: 0; @@ -386,10 +369,9 @@ along with their colors. .caltable .cal-cell { overflow-y: auto; - /* for long events */ - overflow-x: hidden; } + .cal-cell .event { font-size: 8pt; border-radius: 5px; @@ -400,14 +382,9 @@ along with their colors. .date-info .day-number { - font-size: 150%; padding: 2pt; } -.caltable .day-number { - font-size: initial; -} - .date-info.current .day-number { color: black; } @@ -435,8 +412,8 @@ along with their colors. .sideclock { padding: 0; - grid-row: 3; - position: relative; + grid-row: 3; + position: relative; } .sideclock .day { border: 1px transparent; |