fix #32: visual glitches on Windows 10 and Ubuntu

This commit is contained in:
Antelle 2015-11-25 22:00:11 +03:00
parent e1b2f48b28
commit a6c222c031
4 changed files with 49 additions and 44 deletions

View File

@ -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);
}
}
}
}

View File

@ -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",

View File

@ -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",

View File

@ -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