diff --git a/src/components/containers/BlurWrapper/styles.scss b/src/components/containers/BlurWrapper/styles.scss index 70b8770f..113865fb 100644 --- a/src/components/containers/BlurWrapper/styles.scss +++ b/src/components/containers/BlurWrapper/styles.scss @@ -2,7 +2,7 @@ filter: blur(0); transition: filter 0.25s; will-change: filter; - max-height: 100vh; - width: 100vw; - overflow: visible auto; + // max-height: 100vh; + // width: 100vw; + // overflow: visible auto; } diff --git a/src/components/flow/Cell/styles.scss b/src/components/flow/Cell/styles.scss index 479774a4..0777feae 100644 --- a/src/components/flow/Cell/styles.scss +++ b/src/components/flow/Cell/styles.scss @@ -135,13 +135,13 @@ touch-action: none; @media (min-width: $cell * 2 + $grid_line) { - .vertical > &, - .horizontal > &, - .quadro > & { + .vertical > &.has_text, + .horizontal > &.has_text, + .quadro > &.has_text { box-sizing: border-box; background: none; box-shadow: none; - padding: $gap / 2; + padding: $grid_line; &::after { display: none; @@ -159,30 +159,30 @@ } } - .vertical > & { + .vertical > &.has_text { top: auto; bottom: 0; - max-height: 50%; + height: 50%; max-width: 100%; - height: auto; + // height: auto; width: auto; } - .horizontal > & { + .horizontal > &.has_text { top: auto; left: 0; - max-height: 100%; + height: 100%; max-width: 50%; - height: auto; + // height: auto; width: auto; bottom: 0; } - .quadro > & { + .quadro > &.has_text { top: auto; - max-height: 70%; + height: 50%; max-width: 50%; - height: auto; + // height: auto; width: auto; bottom: 0; left: 0; diff --git a/src/components/flow/FlowHero/styles.scss b/src/components/flow/FlowHero/styles.scss index 7d5b0e62..13856c91 100644 --- a/src/components/flow/FlowHero/styles.scss +++ b/src/components/flow/FlowHero/styles.scss @@ -24,6 +24,8 @@ height: 100%; background: url('~/sprites/stripes.svg') rgba(0, 0, 0, 0.3); z-index: 4; + pointer-events: none; + touch-action: none; } } diff --git a/src/components/node/NodeRelated/styles.scss b/src/components/node/NodeRelated/styles.scss index 4b7729c5..59da263f 100644 --- a/src/components/node/NodeRelated/styles.scss +++ b/src/components/node/NodeRelated/styles.scss @@ -19,7 +19,7 @@ } .item { - background: darken($content_bg, 2%) 50% 50% no-repeat; + background: lighten($content_bg, 2%) 50% 50% no-repeat; background-size: cover; padding-bottom: 100%; border-radius: $cell_radius;