From 936b21b8c0dd8a2e510c1ca20fe54b8cf1d7f049 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Mon, 16 Jan 2017 16:30:24 -0500
Subject: [PATCH] (css) Fix glitches in Month view with Firefox

---
 NEWS                                              | 1 +
 UI/Templates/SchedulerUI/UIxCalMainView.wox       | 3 ++-
 UI/WebServerResources/scss/views/SchedulerUI.scss | 7 ++++---
 UI/WebServerResources/scss/views/_view.scss       | 4 ++++
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/NEWS b/NEWS
index 7f644a678..b53f30d2b 100644
--- a/NEWS
+++ b/NEWS
@@ -3,6 +3,7 @@
 
 Enhancements
  - [web] show locale codes beside language names in Preferences module
+ - [web] fixed visual glitches in Month view with Firefox
 
 Bug fixes
  - [core] remove all alarms before sending IMIP replies (#3925)
diff --git a/UI/Templates/SchedulerUI/UIxCalMainView.wox b/UI/Templates/SchedulerUI/UIxCalMainView.wox
index 3556621b8..df23a5de4 100644
--- a/UI/Templates/SchedulerUI/UIxCalMainView.wox
+++ b/UI/Templates/SchedulerUI/UIxCalMainView.wox
@@ -337,7 +337,8 @@
     </md-sidenav>
 
     <!-- Main section -->
-    <section layout="column" layout-fill="layout-fill"
+    <section class="view-main"
+             layout="column"
              ng-controller="CalendarListController as list">
       <md-toolbar class="toolbar-main" flex-none="flex-none" layout="row" layout-align="space-between center">
         <var:component className="UIxTopnavToolbar"/>
diff --git a/UI/WebServerResources/scss/views/SchedulerUI.scss b/UI/WebServerResources/scss/views/SchedulerUI.scss
index e4f62dc1d..f5baeec13 100644
--- a/UI/WebServerResources/scss/views/SchedulerUI.scss
+++ b/UI/WebServerResources/scss/views/SchedulerUI.scss
@@ -259,6 +259,7 @@ $quarter_height: 10px;
     font-size: $sg-font-size-2;
     font-weight: $sg-font-medium;
     border-radius: $block_radius;
+    //overflow: hidden;
     position: absolute;
     left: 0;
     right: 0;
@@ -371,11 +372,11 @@ $quarter_height: 10px;
     &:hover {
       .dragGrip {
         &-top, &-bottom {
-          display: block;
+          opacity: 1;
           cursor: ns-resize;
         }
         &-left, &-right {
-          display: block;
+          opacity: 1;
           cursor: ew-resize;
         }
       }
@@ -383,7 +384,7 @@ $quarter_height: 10px;
 
     .dragGrip {
       &-top, &-bottom, &-left, &-right {
-        display: none;
+        opacity: 0;
         position: absolute;
       }
 
diff --git a/UI/WebServerResources/scss/views/_view.scss b/UI/WebServerResources/scss/views/_view.scss
index d4d37168f..312d476ca 100644
--- a/UI/WebServerResources/scss/views/_view.scss
+++ b/UI/WebServerResources/scss/views/_view.scss
@@ -13,6 +13,10 @@
   max-height: 100%;
 }
 
+.view-main {
+  width: 100%;
+}
+
 body {
   &.popup {
     .viewer {