Web: Files: Removed interface jumps when going to folders.
This commit is contained in:
parent
3fd481d99a
commit
288cdb1bbe
@ -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;
|
||||||
|
@ -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} />
|
||||||
|
Loading…
Reference in New Issue
Block a user