Replace visibility jank with display
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
8bfbdd9f26
commit
9a6fc62179
1 changed files with 23 additions and 21 deletions
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue