diff options
| author | msquare <msquare@notrademark.de> | 2016-11-09 17:43:56 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2016-11-09 17:43:56 +0100 |
| commit | d43eb41d25d0d5c0509417247030dd6c21118cf6 (patch) | |
| tree | 2c3f78bf8fbd4215e70af7dbc2ce30cfef674816 /themes/base.less | |
| parent | d5d2acc7d80920eef5f0ed779a3738a12d5db348 (diff) | |
| parent | 22520532c78b3a032aec6ececb7623ba094da8de (diff) | |
Merge pull request #274 from engelsystem/task-164-shift-view
Task 164 shift view
Diffstat (limited to 'themes/base.less')
| -rw-r--r-- | themes/base.less | 75 |
1 files changed, 51 insertions, 24 deletions
diff --git a/themes/base.less b/themes/base.less index 83602c3b..98c12514 100644 --- a/themes/base.less +++ b/themes/base.less @@ -10,32 +10,59 @@ body { color: @text-muted; } -#shifts { - td { - &.free { - border: 1px solid @brand-danger; - .bg-danger(); +.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%; + + .lane { + background: @table-bg-accent; + flex-grow: 1; + min-width: 300px; + width: 300px; + flex-grow: 1; + + .header { + background: #fff; + height: 30px; + padding: 5px; + } + + .tick { + height: 30px; + border-top: 1px solid darken(@table-bg-accent, 2%); + } + + .tick.hour { + border-top: 2px solid @table-border-color; + font-size: 0.9em; + padding-left: 5px; } - &.occupied { - border: 1px solid @brand-success; - .bg-success(); + + .tick.day { + border-top: 2px solid @brand-primary; + font-size: 0.9em; + padding-left: 5px; } - &.collides { - border: 1px solid @brand-warning; - .bg-warning(); - } - &.own { - border: 1px solid @gray-light; - } - } -} - -.row-day { - border-top: 2px solid @gray-light; -} - -.row-header { - min-width: 90px; + } + + .lane.time { + flex-grow: 0; + min-width: 100px; + width: 100px; + flex-grow: 0; + } + + .shift { + margin: 0 5px 5px 0; + overflow: hidden; + } } .space-top { |