From cf62d42532f4e0392ca098edfe0ea8b7d7a08f11 Mon Sep 17 00:00:00 2001
From: TatianaLopaeva <talopaeva@gmail.com>
Date: Thu, 22 Oct 2020 13:15:02 +0300
Subject: [PATCH] Web:Added styled

---
 products/ASC.People/Client/src/App.js           | 11 +++++++++--
 web/ASC.Web.Common/src/components/Main/index.js |  3 ++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/products/ASC.People/Client/src/App.js b/products/ASC.People/Client/src/App.js
index 145441b15c..ee30e12257 100644
--- a/products/ASC.People/Client/src/App.js
+++ b/products/ASC.People/Client/src/App.js
@@ -26,7 +26,7 @@ import {
 import { getFilterByLocation } from "./helpers/converters";
 import { fetchGroups, fetchPeople } from "./store/people/actions";
 import config from "../package.json";
-
+import styled from "styled-components";
 const {
   setIsLoaded,
   getUser,
@@ -99,6 +99,11 @@ function MainApp(homepage) {
     </>
     )
 }
+const BoxStyled = styled.div`
+.scrollBar{
+  position: absolute !important;
+}
+`
 class App extends React.Component {
   componentDidMount() {
     utils.removeTempContent();
@@ -150,9 +155,11 @@ class App extends React.Component {
       <Router history={history}>
         {isMobile 
         ? 
-            <Scrollbar  style={{position:"absolute"}} stype="mediumBlack">
+        <BoxStyled>
+            <Scrollbar  className="scrollBar" stype="mediumBlack">
               {MainApp(homepage)}
             </Scrollbar>
+        </BoxStyled>
 
         : MainApp(homepage)
         }
diff --git a/web/ASC.Web.Common/src/components/Main/index.js b/web/ASC.Web.Common/src/components/Main/index.js
index 4b875a5e82..0f11fe25cb 100644
--- a/web/ASC.Web.Common/src/components/Main/index.js
+++ b/web/ASC.Web.Common/src/components/Main/index.js
@@ -12,7 +12,8 @@ const StyledMain = styled.main`
   box-sizing: border-box;
 
   @media ${tablet} {
-    height:auto;
+    height: auto;
+    min-height: 100%;
   }
 
 `;