From a6385cf4cf80cffa5ec61dbadf1db7a6ba3a5ee2 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Wed, 23 Oct 2019 12:33:57 +0700
Subject: [PATCH] flow grid appearance
---
src/components/flow/FlowGrid/styles.scss | 4 ++++
src/redux/node/constants.ts | 8 +++-----
2 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/src/components/flow/FlowGrid/styles.scss b/src/components/flow/FlowGrid/styles.scss
index be508db9..b816a3de 100644
--- a/src/components/flow/FlowGrid/styles.scss
+++ b/src/components/flow/FlowGrid/styles.scss
@@ -16,21 +16,25 @@ $cols: $content_width / $cell;
@media (max-width: $cell * 5) {
grid-template-columns: repeat(4, 1fr);
+ grid-template-rows: 25vw $cell;
grid-auto-rows: 25vw;
}
@media (max-width: $cell * 4) {
grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: 40vh 33vw;
grid-auto-rows: 33vw;
}
@media (max-width: $cell * 3) {
grid-template-columns: repeat(2, 1fr);
+ grid-template-rows: 40vh 50vw;
grid-auto-rows: 50vw;
}
@media (max-width: $cell * 2) {
grid-template-columns: repeat(1, 1fr);
+ grid-template-rows: 40vh 75vw;
grid-auto-rows: 75vw;
grid-column-gap: $gap;
grid-row-gap: $gap;
diff --git a/src/redux/node/constants.ts b/src/redux/node/constants.ts
index 457150a4..e18df061 100644
--- a/src/redux/node/constants.ts
+++ b/src/redux/node/constants.ts
@@ -54,11 +54,9 @@ export const EMPTY_NODE: INode = {
blocks: [],
tags: [],
- options: {
- flow: {
- display: 'single',
- show_description: false,
- },
+ flow: {
+ display: 'single',
+ show_description: false,
},
};