From 96b2c729e75850b519720cf71f3cbf4698a47c3f Mon Sep 17 00:00:00 2001 From: Serghei Mihai Date: Tue, 4 Sep 2018 15:07:11 +0200 Subject: [PATCH 4/4] scss: create visual separation in days and desks --- chrono/manager/static/css/style.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/chrono/manager/static/css/style.scss b/chrono/manager/static/css/style.scss index 04a5705..f105e27 100644 --- a/chrono/manager/static/css/style.scss +++ b/chrono/manager/static/css/style.scss @@ -127,18 +127,25 @@ table.agenda-table { } } -.agenda-table tbody tr:nth-child(2n+1) th.hour, .agenda-table tbody tr:nth-child(2n+1) td { background: #f0f0f0; + background-clip: content-box; @media print { border-top: 1px solid #aaa; } } +.agenda-table tbody tr:nth-child(2n+1) th.hour { + background: #f0f0f0; + background-clip: border-box; +} + .agenda-table tbody td { padding: 0 1ex; vertical-align: top; position: relative; + border-left: 1ex solid transparent; + border-right: 1ex solid transparent; } .agenda-table tbody tr td.other-month { -- 2.19.0.rc1