hamcha/tghandbook
Archived
1
0
Fork 1
Code Issues 7 Pull requests Releases Wiki Activity

Compare commits

base: hamcha:8bfbdd9f262ef8d34d25c2fe5d5901315fa8f7ea
Branches Tags
hamcha:master
hamcha:ci-fuckery
hamcha:welcome-page
hamcha:dev
...
compare: hamcha:7930f961710641f022ef0cd3ad3277ffd4eab7eb
Branches Tags
hamcha:master
hamcha:ci-fuckery
hamcha:welcome-page
hamcha:dev

2 commits
8bfbdd9f26 ... 7930f96171

Author SHA1 Message Date
Hamcha
7930f96171
This is stupid
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-06-21 17:13:12 +02:00
Hamcha
9a6fc62179
Replace visibility jank with display
All checks were successful
continuous-integration/drone/push Build is passing
Details
2020-06-21 13:12:40 +02:00
1 changed files with 26 additions and 25 deletions
Show stats Expand all files Collapse all files

51
style/main.scss
View file

@ -35,7 +35,8 @@ body {
#app { #app {
height: 100%; height: 100%;
display: grid; display: flex;
flex-direction: column;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
@ -59,38 +60,40 @@ body {
} }
#tabs { #tabs {
grid-row: 3; flex: 1;
z-index: 1; z-index: 1;
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;
}
} }
} }
} }
@ -131,7 +134,6 @@ $tab-active: lighten($nanotrasen, 10%);
#section-list { #section-list {
z-index: 2; z-index: 2;
grid-row: 1;
border-bottom: 2px solid $section-active; border-bottom: 2px solid $section-active;
display: flex; display: flex;
.section { .section {
@ -160,7 +162,6 @@ $tab-active: lighten($nanotrasen, 10%);
#tab-list { #tab-list {
z-index: 2; z-index: 2;
grid-row: 2;
display: flex; display: flex;
background-color: $section-active; background-color: $section-active;
border-bottom: 4px solid $tab-active; border-bottom: 4px solid $tab-active;