mirror of https://github.com/keeweb/keeweb.git
fix #32: visual glitches on Windows 10 and Ubuntu
This commit is contained in:
parent
e1b2f48b28
commit
a6c222c031
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue