IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Common: Layout: refactoring

Browse Source
This commit is contained in:
Artem Tarasov 2020-12-03 11:02:19 +03:00
parent be710bf469
commit 96bfc3f8f9
2 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/ASC.Web.Common/src/components/Layout/MobileLayout.js
View File

@ -1,7 +1,7 @@
import React, { Component, createRef } from "react";
import { Scrollbar, utils } from "asc-web-components";
import { LayoutContextProvider } from "./context";
import { isMobile, isSafari, isIOS, isChrome } from "react-device-detect";
import { isMobile, isSafari, isIOS } from "react-device-detect";
const { isTouchDevice } = utils.device;
class MobileLayout extends Component {
@ -44,12 +44,10 @@ class MobileLayout extends Component {
? this.documentElement.scrollTop
: window.pageYOffset;
let isVisible;
if (visibleContent && isMobile && !isTouchDevice) {
return;
}
if (window.pageYOffset !== 0) {
if (!isIOS && window.pageYOffset !== 0) {
window.scroll(0, 0);
return;
}
@ -65,7 +63,7 @@ class MobileLayout extends Component {
}
}
isVisible = prevScrollPosition >= currentScrollPosition;
let isVisible = prevScrollPosition >= currentScrollPosition;
if (
(isSafari || isIOS) &&

10
web/ASC.Web.Common/src/components/Layout/index.js
View File

@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
import styled from "styled-components";
import MobileLayout from "./MobileLayout";
import { utils } from "asc-web-components";
import { isIOS, isFirefox, isChrome, isMobile } from "react-device-detect";
import { isIOS, isFirefox } from "react-device-detect";
const { size } = utils.device;
@ -29,14 +29,13 @@ const Layout = (props) => {
}, []);
useEffect(() => {
if (isMobile) {
if (isIOS && !isFirefox) {
window.addEventListener("resize", resizeHandler);
resizeHandler();
}
return () => {
if (isMobile) {
if (isIOS && !isFirefox) {
window.removeEventListener("resize", resizeHandler);
}
};
@ -44,7 +43,7 @@ const Layout = (props) => {
const resizeHandler = () => {
const intervalTime = 100;
const endTimeout = 500;
const endTimeout = 300;
let interval, timeout, lastInnerHeight, noChangeCount;
@ -56,7 +55,6 @@ const Layout = (props) => {
timeout = null;
const vh = (window.innerHeight - 57) * 0.01;
document.documentElement.style.setProperty("--vh", `${vh}px`);
};
interval = setInterval(() => {