diff options
author | msquare <msquare@notrademark.de> | 2016-11-05 10:06:06 +0100 |
---|---|---|
committer | msquare <msquare@notrademark.de> | 2016-11-05 10:06:06 +0100 |
commit | cf8cc5f592d4935e857fb5434aaf00168bdcb4c5 (patch) | |
tree | 9765ae0f09aa6667e45e20240907c565d44cd152 /public/css/theme2.css | |
parent | 902866ff3a603aa2cfbbcdb5b46f0f2e840cd22c (diff) |
change shift table to html5
Diffstat (limited to 'public/css/theme2.css')
-rw-r--r-- | public/css/theme2.css | 49 |
1 files changed, 35 insertions, 14 deletions
diff --git a/public/css/theme2.css b/public/css/theme2.css index 0112dc93..7646f08b 100644 --- a/public/css/theme2.css +++ b/public/css/theme2.css @@ -6730,25 +6730,46 @@ body { .footer a { color: #777777; } -#shifts.table td, -#shifts.table th { - background-color: #f0f0f0; +.shift-calendar { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-itmes: stretch; + width: 100%; } -#shifts.table .row-hour { - border-top-color: #777777; +.shift-calendar .lane { + background: #f9f9f9; + min-width: 300px; + width: 300px; + flex-grow: 1; } -#shifts.table td.shift { - height: 1px; - padding: 0; +.shift-calendar .lane .header { + background: #fff; + height: 30px; + padding: 5px; +} +.shift-calendar .lane .tick { + height: 30px; + border-top: 1px solid #f4f4f4; +} +.shift-calendar .lane .tick.hour { + border-top: 2px solid #dddddd; + font-size: 0.9em; + padding-left: 5px; } -#shifts.table td.shift .panel { - margin: 0px 0px 0px 5px; +.shift-calendar .lane .tick.day { + border-top: 2px solid #758499; + font-size: 0.9em; + padding-left: 5px; } -.row-day { - border-top: 2px solid #777777; +.shift-calendar .lane.time { + min-width: 100px; + width: 100px; + flex-grow: 0; } -.row-header { - min-width: 90px; +.shift-calendar .shift { + margin: 0 5px 5px 0; + overflow: hidden; } .space-top { margin-top: 15px; |