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 /shift_markup.html | |
| parent | 902866ff3a603aa2cfbbcdb5b46f0f2e840cd22c (diff) | |
change shift table to html5
Diffstat (limited to 'shift_markup.html')
| -rw-r--r-- | shift_markup.html | 51 |
1 files changed, 8 insertions, 43 deletions
diff --git a/shift_markup.html b/shift_markup.html index 8d8fa63b..7ad5177a 100644 --- a/shift_markup.html +++ b/shift_markup.html @@ -4,52 +4,13 @@ <meta charset="UTF-8" /> <link rel="stylesheet" type="text/css" href="public/css/theme3.css" /> <style> -.shift-calendar { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - align-itmes: stretch; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - align-itmes: stretch; - width: 100%; -} - -.shift-calendar .lane { - background: #f0f0f0; - flex-grow: 1; - min-width: 300px; - width: 300px; - flex-grow: 1; -} - -.shift-calendar .lane.time { - flex-grow: 0; - min-width: 100px; - width: 100px; - flex-grow: 0; -} - -.shift-calendar .lane .tick { - height: 20px; - border-top: 1px solid #ddd; -} - -.shift-calendar .lane .tick.hour { - border-top: 1px solid #aaa; -} - -.shift-calendar .shift { - margin-bottom: 0; - overflow: hidden; -} </style> </head> <body> <div class="shift-calendar"> <div class="lane time"> - <div class="tick hour">10:00</div> + <div class="header">Time</div> + <div class="tick day">2016-12-27 00:00</div> <div class="tick"></div> <div class="tick"></div> <div class="tick"></div> @@ -67,7 +28,10 @@ <div class="tick"></div> </div> <div class="lane"> - <div class="tick hour"></div> + <div class="header"> + <span class="glyphicon glyphicon-map-marker"></span> Bottle Sorting (Hall H) + </div> + <div class="tick day"></div> <div class="tick"></div> <div class="tick"></div> <div class="tick"></div> @@ -99,7 +63,8 @@ <div class="tick"></div> </div> <div class="lane"> - <div class="tick hour"></div> + <div class="header"></div> + <div class="tick day"></div> <div class="tick"></div> <div class="tick"></div> <div class="tick"></div> |