Replace visibility jank with display

This commit is contained in:
Hamcha 2020-06-21 13:12:40 +02:00
parent 8bfbdd9f26
commit 9a6fc62179
Signed by untrusted user: hamcha
GPG key ID: 41467804B19A3315

View file

@ -64,33 +64,35 @@ body {
display: grid; display: grid;
overflow: hidden; overflow: hidden;
.page { .page {
visibility: hidden; //visibility: hidden;
display: none;
overflow-y: scroll; overflow-y: scroll;
grid-row: 1; grid-row: 1;
grid-column: 1; grid-column: 1;
&.active { &.active {
visibility: visible; //visibility: visible;
} display: inherit;
&.waiting { &.waiting {
user-select: none; user-select: none;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
.speen {
flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; height: 100%;
align-items: center; .speen {
img { flex: 1;
width: 60vmin; display: flex;
opacity: 0.9; flex-direction: column;
justify-content: center;
align-items: center;
img {
width: 60vmin;
opacity: 0.9;
}
} }
} }
} }