muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

fixed flow appearance

Browse source
This commit is contained in:
Fedor Katurov 2019-10-24 17:59:37 +07:00
parent 312b1d1d17
commit db992a375b
4 changed files with 19 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/containers/BlurWrapper/styles.scss
View file

@ -2,7 +2,7 @@
filter: blur(0); filter: blur(0);
transition: filter 0.25s; transition: filter 0.25s;
will-change: filter; will-change: filter;
max-height: 100vh; // max-height: 100vh;
width: 100vw; // width: 100vw;
overflow: visible auto; // overflow: visible auto;
} }

26
src/components/flow/Cell/styles.scss
View file

@ -135,13 +135,13 @@
touch-action: none; touch-action: none;
@media (min-width: $cell * 2 + $grid_line) { @media (min-width: $cell * 2 + $grid_line) {
.vertical > &, .vertical > &.has_text,
.horizontal > &, .horizontal > &.has_text,
.quadro > & { .quadro > &.has_text {
box-sizing: border-box; box-sizing: border-box;
background: none; background: none;
box-shadow: none; box-shadow: none;
padding: $gap / 2; padding: $grid_line;
&::after { &::after {
display: none; display: none;
@ -159,30 +159,30 @@
} }
} }
.vertical > & { .vertical > &.has_text {
top: auto; top: auto;
bottom: 0; bottom: 0;
max-height: 50%; height: 50%;
max-width: 100%; max-width: 100%;
height: auto; // height: auto;
width: auto; width: auto;
} }
.horizontal > & { .horizontal > &.has_text {
top: auto; top: auto;
left: 0; left: 0;
max-height: 100%; height: 100%;
max-width: 50%; max-width: 50%;
height: auto; // height: auto;
width: auto; width: auto;
bottom: 0; bottom: 0;
} }
.quadro > & { .quadro > &.has_text {
top: auto; top: auto;
max-height: 70%; height: 50%;
max-width: 50%; max-width: 50%;
height: auto; // height: auto;
width: auto; width: auto;
bottom: 0; bottom: 0;
left: 0; left: 0;

2
src/components/flow/FlowHero/styles.scss
View file

@ -24,6 +24,8 @@
height: 100%; height: 100%;
background: url('~/sprites/stripes.svg') rgba(0, 0, 0, 0.3); background: url('~/sprites/stripes.svg') rgba(0, 0, 0, 0.3);
z-index: 4; z-index: 4;
pointer-events: none;
touch-action: none;
} }
} }

2
src/components/node/NodeRelated/styles.scss
View file

@ -19,7 +19,7 @@
} }
.item { .item {
background: darken($content_bg, 2%) 50% 50% no-repeat; background: lighten($content_bg, 2%) 50% 50% no-repeat;
background-size: cover; background-size: cover;
padding-bottom: 100%; padding-bottom: 100%;
border-radius: $cell_radius; border-radius: $cell_radius;