From 0e82d50eb37c87ecd5a75cf842c4da8f7047e5dc Mon Sep 17 00:00:00 2001 From: Emiliano Ciavatta Date: Mon, 19 Oct 2020 15:43:53 +0200 Subject: Fix rule filter overflow --- frontend/src/components/pages/ConfigurationPage.js | 1 - frontend/src/components/pages/ConfigurationPage.scss | 1 + frontend/src/components/pages/MainPage.js | 15 ++++++++------- frontend/src/components/pages/MainPage.scss | 6 ++---- frontend/src/components/pages/common.scss | 3 --- 5 files changed, 11 insertions(+), 15 deletions(-) delete mode 100644 frontend/src/components/pages/common.scss (limited to 'frontend') diff --git a/frontend/src/components/pages/ConfigurationPage.js b/frontend/src/components/pages/ConfigurationPage.js index 8f9b68b..c8646fb 100644 --- a/frontend/src/components/pages/ConfigurationPage.js +++ b/frontend/src/components/pages/ConfigurationPage.js @@ -28,7 +28,6 @@ import TextField from "../fields/TextField"; import Header from "../Header"; import LinkPopover from "../objects/LinkPopover"; import "../panels/common.scss"; -import "./common.scss"; import "./ConfigurationPage.scss"; class ConfigurationPage extends Component { diff --git a/frontend/src/components/pages/ConfigurationPage.scss b/frontend/src/components/pages/ConfigurationPage.scss index 2ceccd5..6ff933c 100644 --- a/frontend/src/components/pages/ConfigurationPage.scss +++ b/frontend/src/components/pages/ConfigurationPage.scss @@ -1,6 +1,7 @@ @import "../../colors"; .configuration-page { + height: 100vh; background-color: $color-primary-0; .header-title { diff --git a/frontend/src/components/pages/MainPage.js b/frontend/src/components/pages/MainPage.js index 5d42f4d..3bf8065 100644 --- a/frontend/src/components/pages/MainPage.js +++ b/frontend/src/components/pages/MainPage.js @@ -17,6 +17,7 @@ import React, {Component} from "react"; import {ReflexContainer, ReflexElement, ReflexSplitter} from "react-reflex"; +import "react-reflex/styles.css" import {Route, Switch} from "react-router-dom"; import Filters from "../dialogs/Filters"; import Header from "../Header"; @@ -28,14 +29,12 @@ import SearchPane from "../panels/SearchPane"; import ServicesPane from "../panels/ServicesPane"; import StreamsPane from "../panels/StreamsPane"; import Timeline from "../Timeline"; -import "./common.scss"; import "./MainPage.scss"; -import 'react-reflex/styles.css' class MainPage extends Component { state = { - timelineHeight: 175 + timelineHeight: 210 }; handleTimelineResize = (e) => { @@ -55,10 +54,12 @@ class MainPage extends Component { return ( - -
this.setState({filterWindowOpen: true})} configured={true}/> - {modal} - +
+ +
this.setState({filterWindowOpen: true})} configured={true}/> + {modal} + +
diff --git a/frontend/src/components/pages/MainPage.scss b/frontend/src/components/pages/MainPage.scss index 4fc5853..8d1fa96 100644 --- a/frontend/src/components/pages/MainPage.scss +++ b/frontend/src/components/pages/MainPage.scss @@ -1,13 +1,11 @@ @import "../../colors"; .main-page { - .page-header { - min-height: 80px; - } + height: 100vh !important; .page-footer { overflow: hidden !important; - min-height: 175px; + min-height: 210px; } .page-content { diff --git a/frontend/src/components/pages/common.scss b/frontend/src/components/pages/common.scss deleted file mode 100644 index 2b0cd05..0000000 --- a/frontend/src/components/pages/common.scss +++ /dev/null @@ -1,3 +0,0 @@ -.page { - height: 100vh !important; -} -- cgit v1.2.3-70-g09d2