diff options
| author | Olli Puurunen <olli.puurunen@qt.io> | 2016-11-01 09:41:35 +0200 |
|---|---|---|
| committer | Tero Kojo <tero.kojo@qt.io> | 2016-11-01 07:59:18 +0000 |
| commit | d870a4b6bf6fc7672d0e8e00c177f19f463000c1 (patch) | |
| tree | f37f42316cef2e8d43b2d5ae3fd4fe5ae32e0287 | |
| parent | df208f983bcc6036132346fb2e53e3c27753aa1e (diff) | |
Fix layout when there's multiple articles under same date
Only the day's first article had padding on the top.
Change-Id: I8391fa1b254af44b9fe5924b62439425c459cb96
Reviewed-by: Tero Kojo <tero.kojo@qt.io>
| -rw-r--r-- | website/style.css | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/website/style.css b/website/style.css index 6d7db6a..236cf08 100644 --- a/website/style.css +++ b/website/style.css @@ -116,9 +116,10 @@ article footer a { color: #7c7c7c; } overflow-x: hidden; } -div.day { position: relative; padding-top: 3em; } +div.day { position: relative; padding-top: 0; } div.day > h2 { margin: 0; + top: 2em; position: absolute; left: -68px; } @@ -158,11 +159,11 @@ h2 time:after { border-color: transparent transparent #ffffff transparent; } -#items .day:first-child h2 time { top: 0.2em; } +#items .day:first-child h2 { top: 0; } h2 time span { display: block; font-size: 11.08px; font-weight: normal; } -article { position: relative; padding: 0 0 2em 0; border-bottom: 1px solid #E8E8E8; overflow-y: auto; } -#items .day:first-child { padding-top: 0; } +article { position: relative; padding: 3em 0 2em 0; border-bottom: 1px solid #E8E8E8; overflow-y: auto; } +#items .day:first-child article { padding-top: 0; } #items .day:last-child article { margin-bottom: 3em; border-bottom: none; } article div, article img { width: auto; max-width: 100%; height: auto; } article img { display: block; margin: 1em 0; } |