From a6c222c031894fb2682a10d108106f512c9ef87a Mon Sep 17 00:00:00 2001
From: Antelle <dmitryvit@gmail.com>
Date: Wed, 25 Nov 2015 22:00:11 +0300
Subject: [PATCH] fix #32: visual glitches on Windows 10 and Ubuntu

---
 app/styles/common/_scroll.scss | 86 +++++++++++++++++-----------------
 electron/package.json          |  2 +-
 package.json                   |  2 +-
 release-notes.md               |  3 ++
 4 files changed, 49 insertions(+), 44 deletions(-)

diff --git a/app/styles/common/_scroll.scss b/app/styles/common/_scroll.scss
index 1bdcb569..b1b1145f 100644
--- a/app/styles/common/_scroll.scss
+++ b/app/styles/common/_scroll.scss
@@ -1,49 +1,51 @@
 .scroller {
-    overflow-y: scroll;
-    height: 100%;
-    @-moz-document url-prefix() {
-        // until Firefox bug is fixed in baron, hide native scroll area manually
-        // https://github.com/Diokuz/baron/issues/91
-        // https://github.com/Diokuz/baron/issues/93
-        margin-right: -30px;
-        padding-right: 30px;
-    }
-    &::-webkit-scrollbar {
-        width: 0;
-    }
-    &__bar-wrapper {
-        pointer-events: none;
-        position: absolute;
-        z-index: 3;
-        top: 10px;
-        bottom: 10px;
-        right: 5px;
-        width: 8px;
-        //border-radius: 5px;
-        //background: rgba(128, 128, 128, .05);
-    }
-    &__bar {
-        position: absolute;
-        z-index: 1;
-        width: 8px;
-        border-radius: 3px;
-        background: #888;
-        opacity: .2;
-        pointer-events: auto;
-        transition: opacity $slow-transition-out;
-        &:hover {
-            transition: opacity $slow-transition-in;
-            opacity: .8;
-        }
-    }
+  overflow-y: scroll;
+  height: 100%;
+  @-moz-document url-prefix() {
+    // until Firefox bug is fixed in baron, hide native scroll area manually
+    // https://github.com/Diokuz/baron/issues/91
+    // https://github.com/Diokuz/baron/issues/93
+    margin-right: -30px;
+    padding-right: 30px;
+  }
+  &::-webkit-scrollbar {
+    width: 0;
+  }
+  &__bar-wrapper {
+    pointer-events: none;
+    position: absolute;
+    z-index: 3;
+    top: 10px;
+    bottom: 10px;
+    right: 5px;
+    width: 8px;
+    //border-radius: 5px;
+    //background: rgba(128, 128, 128, .05);
+  }
+  &__bar {
+    position: absolute;
+    z-index: 1;
+    width: 8px;
+    border-radius: 3px;
+    pointer-events: auto;
+  }
 }
 
 @mixin scrollbar-on-hover {
-    .scroller__bar-wrapper {
-        opacity: 0;
-        transition: opacity $base-duration $base-timing;
+  .scroller__bar-wrapper {
+    >.scroller__bar {
+      background-color: transparent;
+      transition: background-color $base-duration $base-timing;
     }
-    &:hover .scroller__bar-wrapper {
-        opacity: 1;
+  }
+  &:hover .scroller__bar-wrapper {
+    >.scroller__bar {
+      transition: background-color $slow-transition-out;
+      background-color: rgba(136, 136, 136, .2);
+      &:hover {
+        transition: background-color $slow-transition-in;
+        background-color: rgba(136, 136, 136, .8);
+      }
     }
+  }
 }
diff --git a/electron/package.json b/electron/package.json
index 4b54b245..2a9a3eb6 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "KeeWeb",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "KeePass web app",
   "main": "main.js",
   "repository": "https://github.com/antelle/keeweb",
diff --git a/package.json b/package.json
index fe94f0a0..c42ec071 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "keeweb",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "KeePass web app",
   "main": "Gruntfile.js",
   "repository": "https://github.com/antelle/keeweb",
diff --git a/release-notes.md b/release-notes.md
index 3ccd681c..d8f445a4 100644
--- a/release-notes.md
+++ b/release-notes.md
@@ -1,5 +1,8 @@
 Release notes
 -------------
+##### v0.4.6 (2015-11-25)
+`-` #32: visual glitches on Windows 10  
+
 ##### v0.4.5 (2015-11-25)
 Bugfixes  
 `-` mobile safari layout issues