Compare commits

...

2 commits

Author SHA1 Message Date
7930f96171
This is stupid
All checks were successful
continuous-integration/drone/push Build is passing
2020-06-21 17:13:12 +02:00
9a6fc62179
Replace visibility jank with display
All checks were successful
continuous-integration/drone/push Build is passing
2020-06-21 13:12:40 +02:00

View file

@ -35,7 +35,8 @@ body {
#app {
height: 100%;
display: grid;
display: flex;
flex-direction: column;
}
::-webkit-scrollbar {
@ -59,38 +60,40 @@ body {
}
#tabs {
grid-row: 3;
flex: 1;
z-index: 1;
display: grid;
overflow: hidden;
.page {
visibility: hidden;
//visibility: hidden;
display: none;
overflow-y: scroll;
grid-row: 1;
grid-column: 1;
&.active {
visibility: visible;
}
&.waiting {
user-select: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
.speen {
flex: 1;
//visibility: visible;
display: inherit;
&.waiting {
user-select: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
img {
width: 60vmin;
opacity: 0.9;
height: 100%;
.speen {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
img {
width: 60vmin;
opacity: 0.9;
}
}
}
}
@ -131,7 +134,6 @@ $tab-active: lighten($nanotrasen, 10%);
#section-list {
z-index: 2;
grid-row: 1;
border-bottom: 2px solid $section-active;
display: flex;
.section {
@ -160,7 +162,6 @@ $tab-active: lighten($nanotrasen, 10%);
#tab-list {
z-index: 2;
grid-row: 2;
display: flex;
background-color: $section-active;
border-bottom: 4px solid $tab-active;