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 { .scroller {
overflow-y: scroll; overflow-y: scroll;
height: 100%; height: 100%;
@-moz-document url-prefix() { @-moz-document url-prefix() {
// until Firefox bug is fixed in baron, hide native scroll area manually // 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/91
// https://github.com/Diokuz/baron/issues/93 // https://github.com/Diokuz/baron/issues/93
margin-right: -30px; margin-right: -30px;
padding-right: 30px; padding-right: 30px;
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 0; width: 0;
} }
&__bar-wrapper { &__bar-wrapper {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
z-index: 3; z-index: 3;
top: 10px; top: 10px;
bottom: 10px; bottom: 10px;
right: 5px; right: 5px;
width: 8px; width: 8px;
//border-radius: 5px; //border-radius: 5px;
//background: rgba(128, 128, 128, .05); //background: rgba(128, 128, 128, .05);
} }
&__bar { &__bar {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
width: 8px; width: 8px;
border-radius: 3px; border-radius: 3px;
background: #888; pointer-events: auto;
opacity: .2; }
pointer-events: auto;
transition: opacity $slow-transition-out;
&:hover {
transition: opacity $slow-transition-in;
opacity: .8;
}
}
} }
@mixin scrollbar-on-hover { @mixin scrollbar-on-hover {
.scroller__bar-wrapper { .scroller__bar-wrapper {
opacity: 0; >.scroller__bar {
transition: opacity $base-duration $base-timing; 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", "name": "KeeWeb",
"version": "0.4.5", "version": "0.4.6",
"description": "KeePass web app", "description": "KeePass web app",
"main": "main.js", "main": "main.js",
"repository": "https://github.com/antelle/keeweb", "repository": "https://github.com/antelle/keeweb",

View File

@ -1,6 +1,6 @@
{ {
"name": "keeweb", "name": "keeweb",
"version": "0.4.5", "version": "0.4.6",
"description": "KeePass web app", "description": "KeePass web app",
"main": "Gruntfile.js", "main": "Gruntfile.js",
"repository": "https://github.com/antelle/keeweb", "repository": "https://github.com/antelle/keeweb",

View File

@ -1,5 +1,8 @@
Release notes Release notes
------------- -------------
##### v0.4.6 (2015-11-25)
`-` #32: visual glitches on Windows 10
##### v0.4.5 (2015-11-25) ##### v0.4.5 (2015-11-25)
Bugfixes Bugfixes
`-` mobile safari layout issues `-` mobile safari layout issues