diff --git a/UI/WebServerResources/scss/views/SchedulerUI.scss b/UI/WebServerResources/scss/views/SchedulerUI.scss index cd557bf00..0fafa285f 100644 --- a/UI/WebServerResources/scss/views/SchedulerUI.scss +++ b/UI/WebServerResources/scss/views/SchedulerUI.scss @@ -1,52 +1,53 @@ +/// SchedulerUI.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*- $hours_margin: 50px; .dayLabels { - color: sg-color($sogoBlue, 700); - height: 35px; - left: 0; - overflow: hidden; - position: relative; - .day { - height: 100%; - position: absolute; - text-align: center; - } + color: sg-color($sogoBlue, 700); + height: 35px; + left: 0; + overflow: hidden; + position: relative; + .day { + height: 100%; + position: absolute; + text-align: center; + } } .days { - left: 0; - right: 0; - top: 0; - margin-left: $hours_margin; - position: relative; - .day { - border-left: 1px solid sg-color($sogoPaper, 300); - position: absolute; - .clickableHourCell { - height: 40px; - border-bottom: 1px solid sg-color($sogoPaper, 300); - } + left: 0; + right: 0; + top: 0; + margin-left: $hours_margin; + position: relative; + .day { + border-left: 1px solid sg-color($sogoPaper, 300); + position: absolute; + .clickableHourCell { + height: 40px; + border-bottom: 1px solid sg-color($sogoPaper, 300); } + } } .daysViewFor1Days { - .day { - width: 100%; - } - .days { - margin-left: 0; - } + .day { + width: 100%; + } + .days { + margin-left: 0; + } } .daysViewFor7Days { - .day { - width: (100% / 7); - } - $i: 0; - @while $i < 7 { - .day#{$i} { left: 1% * 100 / 7 * $i; } - $i: $i + 1; - } + .day { + width: (100% / 7); + } + $i: 0; + @while $i < 7 { + .day#{$i} { left: 1% * 100 / 7 * $i; } + $i: $i + 1; + } } .sg-calendar-tile-header { @@ -61,103 +62,103 @@ $hours_margin: 50px; } .daysView { - bottom: 0; - overflow-x: hidden; - overflow: auto; + bottom: 0; + overflow-x: hidden; + overflow: auto; + position: relative; + top: 0; + .hours { + color: sg-color($sogoBlue, 700); + display: inline-block; + float: left; + font-weight: $sg-font-light; + height: auto; + left: 0; position: relative; top: 0; - .hours { - color: sg-color($sogoBlue, 700); - display: inline-block; - float: left; - font-weight: $sg-font-light; - height: auto; - left: 0; - position: relative; - top: 0; - width: $hours_margin; - .hour { - border-bottom: 1px solid sg-color($sogoPaper, 300); - height: 40px; - left: 0; - padding: 2px; - position: relative; - right: 0; - top: 0; - } + width: $hours_margin; + .hour { + border-bottom: 1px solid sg-color($sogoPaper, 300); + height: 40px; + left: 0; + padding: 2px; + position: relative; + right: 0; + top: 0; } - .event { - cursor: default; - margin-right: 1px; - position: absolute; - left: 0%; - right: 0%; - $i: 0; - @while $i < 96 { // number of 15-minutes blocks in a day - &.starts#{$i} { top: 10px * $i; } - &.lasts#{$i} { height: 10px * $i; } - $i: $i + 1; - } - .eventInside { - position: absolute; - overflow: hidden; - top: 0px; - bottom: 0px; - left: 0px; - right: 0px; - -webkit-border-radius: 2px; - border-radius: 2px; - cursor:move; - } + } + .event { + cursor: default; + margin-right: 1px; + position: absolute; + left: 0%; + right: 0%; + $i: 0; + @while $i < 96 { // number of 15-minutes blocks in a day + &.starts#{$i} { top: 10px * $i; } + &.lasts#{$i} { height: 10px * $i; } + $i: $i + 1; } + .eventInside { + position: absolute; + overflow: hidden; + top: 0px; + bottom: 0px; + left: 0px; + right: 0px; + -webkit-border-radius: 2px; + border-radius: 2px; + cursor:move; + } + } } .monthView { - md-grid-tile { - border: 1px solid sg-color($sogoPaper, 300); - overflow: auto; - } - .sg-event { - border-radius: 1px; - font-size: $sg-font-size-2; - overflow: hidden; - padding: 2px; - margin-bottom: 1px; - text-overflow: ellipsis; - white-space: nowrap; - span { - font-weight: $sg-font-light; - } + md-grid-tile { + border: 1px solid sg-color($sogoPaper, 300); + overflow: auto; + } + .sg-event { + border-radius: 1px; + font-size: $sg-font-size-2; + overflow: hidden; + padding: 2px; + margin-bottom: 1px; + text-overflow: ellipsis; + white-space: nowrap; + span { + font-weight: $sg-font-light; } + } } .minutes15, .minutes30, .minutes45 { - display: block; - height: 25%; + display: block; + height: 25%; } .minutes30 { - border-bottom: 1px dotted sg-color($sogoPaper, 300); + border-bottom: 1px dotted sg-color($sogoPaper, 300); } .gradient, .text { - position: absolute; - top: 1px; - left: 1px; - right: 1px; - bottom: 1px; - overflow: hidden; + position: absolute; + top: 1px; + left: 1px; + right: 1px; + bottom: 1px; + overflow: hidden; } .gradient > IMG { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; - min-height: 15px; /* for 15-minute events */ - width: 100%; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + min-height: 15px; /* for 15-minute events */ + width: 100%; } /* Attendees Editor */