Web: Common: fixed logo click, fixed burger styles
This commit is contained in:
parent
294e1199b2
commit
150072b885
@ -165,6 +165,8 @@ const StyledArticleHeader = styled.div`
|
|||||||
StyledArticleHeader.defaultProps = { theme: Base };
|
StyledArticleHeader.defaultProps = { theme: Base };
|
||||||
|
|
||||||
const StyledHeading = styled.div`
|
const StyledHeading = styled.div`
|
||||||
|
height: 24px;
|
||||||
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -191,6 +193,7 @@ const StyledHeading = styled.div`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
const StyledIconBox = styled.div`
|
const StyledIconBox = styled.div`
|
||||||
|
cursor: pointer;
|
||||||
display: none;
|
display: none;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
|
@ -3,15 +3,13 @@ import PropTypes from "prop-types";
|
|||||||
import { useHistory, useLocation } from "react-router";
|
import { useHistory, useLocation } from "react-router";
|
||||||
import Loaders from "@docspace/common/components/Loaders";
|
import Loaders from "@docspace/common/components/Loaders";
|
||||||
import { isTablet as isTabletUtils } from "@docspace/components/utils/device";
|
import { isTablet as isTabletUtils } from "@docspace/components/utils/device";
|
||||||
|
import Link from "@docspace/components/link";
|
||||||
import { isTablet, isMobileOnly } from "react-device-detect";
|
import { isTablet, isMobileOnly } from "react-device-detect";
|
||||||
import { inject, observer } from "mobx-react";
|
import { inject, observer } from "mobx-react";
|
||||||
import { ReactSVG } from "react-svg";
|
|
||||||
import styled, { css } from "styled-components";
|
|
||||||
import {
|
import {
|
||||||
StyledArticleHeader,
|
StyledArticleHeader,
|
||||||
StyledHeading,
|
StyledHeading,
|
||||||
StyledIconBox,
|
StyledIconBox,
|
||||||
StyledMenuIcon,
|
|
||||||
} from "../styled-article";
|
} from "../styled-article";
|
||||||
|
|
||||||
const ArticleHeader = ({
|
const ArticleHeader = ({
|
||||||
@ -62,10 +60,9 @@ const ArticleHeader = ({
|
|||||||
<Loaders.ArticleHeader height="24px" width="211px" />
|
<Loaders.ArticleHeader height="24px" width="211px" />
|
||||||
) : (
|
) : (
|
||||||
<StyledHeading showText={showText} size="large">
|
<StyledHeading showText={showText} size="large">
|
||||||
<img
|
<Link href={showText ? "/" : null} onClick={onLogoClick}>
|
||||||
src="/static/images/logo.docspace.react.svg"
|
<img src="/static/images/logo.docspace.react.svg" />
|
||||||
onClick={onLogoClick}
|
</Link>
|
||||||
/>
|
|
||||||
</StyledHeading>
|
</StyledHeading>
|
||||||
)}
|
)}
|
||||||
</StyledArticleHeader>
|
</StyledArticleHeader>
|
||||||
|
Loading…
Reference in New Issue
Block a user