Web: Files: Removed interface jumps when going to folders.

This commit is contained in:
Tatiana Lopaeva 2022-05-31 14:31:45 +03:00
parent 3fd481d99a
commit 288cdb1bbe
2 changed files with 11 additions and 2 deletions

View File

@ -147,6 +147,11 @@ const StyledArticleHeader = styled.div`
padding: 16px 16px 17px; padding: 16px 16px 17px;
margin: 0; margin: 0;
justify-content: ${(props) => (props.showText ? "flex-start" : "center")}; justify-content: ${(props) => (props.showText ? "flex-start" : "center")};
height: 61px;
min-height: 61px;
max-height: 61px;
box-sizing: border-box;
} }
@media ${mobile} { @media ${mobile} {
@ -204,7 +209,7 @@ const StyledHeading = styled(Heading)`
const StyledIconBox = styled.div` const StyledIconBox = styled.div`
display: none; display: none;
align-items: center; align-items: center;
height: 28px; height: 20px;
@media ${tablet} { @media ${tablet} {
display: flex; display: flex;

View File

@ -42,7 +42,11 @@ const ArticleHeader = ({
return ( return (
<StyledArticleHeader showText={showText} {...rest}> <StyledArticleHeader showText={showText} {...rest}>
{isTabletView && (isBurgerLoading || showLoader) ? ( {isTabletView && (isBurgerLoading || showLoader) ? (
<Loaders.ArticleHeader height="20px" width="20px" /> <Loaders.ArticleHeader
height="20px"
width="20px"
style={{ height: "20px" }}
/>
) : ( ) : (
<StyledIconBox name="article-burger"> <StyledIconBox name="article-burger">
<StyledMenuIcon onClick={onClick} /> <StyledMenuIcon onClick={onClick} />