From b74a6a11a092d9ccdd9eb63173b471d180fcc741 Mon Sep 17 00:00:00 2001
From: TatianaLopaeva <talopaeva@gmail.com>
Date: Fri, 23 Oct 2020 12:31:58 +0300
Subject: [PATCH] Web: Common: Changed Layout with full page scroll for mobile

---
 web/ASC.Web.Common/src/components/Layout/index.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/ASC.Web.Common/src/components/Layout/index.js b/web/ASC.Web.Common/src/components/Layout/index.js
index e11796505e..5e15ebd31e 100644
--- a/web/ASC.Web.Common/src/components/Layout/index.js
+++ b/web/ASC.Web.Common/src/components/Layout/index.js
@@ -1,16 +1,24 @@
-import { Box } from "asc-web-components";
+
 import React from "react"
 import styled from "styled-components";
-
+import {  Scrollbar } from "asc-web-components";
+import { isMobile } from "react-device-detect";
 const StyledContainer = styled.div`
 width:100%;
-height:100%;
+height:100vh;
+
 `
 
 const Layout = ({children}) => (
     
     <StyledContainer>
+      {isMobile  
+      ? <Scrollbar  stype="mediumBlack">
         {children}
+        </Scrollbar>
+
+      :  {children}
+        }
     </StyledContainer>
 )