summaryrefslogtreecommitdiff
path: root/public/css/theme0.css
diff options
context:
space:
mode:
authormsquare <msquare@notrademark.de>2016-11-09 17:43:56 +0100
committerGitHub <noreply@github.com>2016-11-09 17:43:56 +0100
commitd43eb41d25d0d5c0509417247030dd6c21118cf6 (patch)
tree2c3f78bf8fbd4215e70af7dbc2ce30cfef674816 /public/css/theme0.css
parentd5d2acc7d80920eef5f0ed779a3738a12d5db348 (diff)
parent22520532c78b3a032aec6ececb7623ba094da8de (diff)
Merge pull request #274 from engelsystem/task-164-shift-view
Task 164 shift view
Diffstat (limited to 'public/css/theme0.css')
-rw-r--r--public/css/theme0.css58
1 files changed, 33 insertions, 25 deletions
diff --git a/public/css/theme0.css b/public/css/theme0.css
index 49f928e9..daba1eba 100644
--- a/public/css/theme0.css
+++ b/public/css/theme0.css
@@ -6730,38 +6730,46 @@ body {
.footer a {
color: #777777;
}
-#shifts td.free {
- border: 1px solid #d9534f;
- background-color: #f2dede;
-}
-a#shifts td.free:hover,
-a#shifts td.free:focus {
- background-color: #e4b9b9;
+.shift-calendar {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-itmes: stretch;
+ width: 100%;
}
-#shifts td.occupied {
- border: 1px solid #5cb85c;
- background-color: #dff0d8;
+.shift-calendar .lane {
+ background: #f9f9f9;
+ min-width: 300px;
+ width: 300px;
+ flex-grow: 1;
}
-a#shifts td.occupied:hover,
-a#shifts td.occupied:focus {
- background-color: #c1e2b3;
+.shift-calendar .lane .header {
+ background: #fff;
+ height: 30px;
+ padding: 5px;
}
-#shifts td.collides {
- border: 1px solid #f0ad4e;
- background-color: #fcf8e3;
+.shift-calendar .lane .tick {
+ height: 30px;
+ border-top: 1px solid #f4f4f4;
}
-a#shifts td.collides:hover,
-a#shifts td.collides:focus {
- background-color: #f7ecb5;
+.shift-calendar .lane .tick.hour {
+ border-top: 2px solid #dddddd;
+ font-size: 0.9em;
+ padding-left: 5px;
}
-#shifts td.own {
- border: 1px solid #777777;
+.shift-calendar .lane .tick.day {
+ border-top: 2px solid #337ab7;
+ 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;