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

Web: Studio: Header: Fixed margin for logo on Personal

Browse Source
This commit is contained in:
Dmitry Kulak 2022-01-10 19:17:23 +03:00
parent 3df4bc8c67
commit 38e09fe63a
1 changed files with 5 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/ASC.Web.Client/src/components/NavMenu/sub-components/header.js
View File

@ -40,6 +40,7 @@ const Header = styled.header`
.header-logo-wrapper {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
height: 26px;
${NoUserSelect}
${(props) =>
@ -87,24 +88,14 @@ const Header = styled.header`
.header-logo-icon {
width: ${(props) => (props.isPersonal ? "220px" : "146px")};
${(props) => props.isPersonal && `margin-left: 20px;`}
height: 24px;
position: relative;
padding: ${(props) => (!props.isPersonal ? "0 20px 0 6px" : "0")};
margin-left: ${(props) => (props.needNavMenu ? "0" : "10px")};
padding: 0 20px 0 6px;
margin-left: 14px;
cursor: pointer;
@media ${tablet} {
${(props) => props.isPersonal && `margin-left: 16px;`}
}
@media (max-width: 620px) {
${(props) =>
!props.isPersonal &&
css`
display: ${(props) => (props.module ? "none" : "block")};
padding: 3px 20px 0 6px;
`}
margin-left: 10px;
}
}
.mobile-short-logo {
@ -175,7 +166,7 @@ const HeaderComponent = ({
const handleItemClick = (e) => {
onItemClick(e);
backdropClick();
}
};
const numberOfModules = mainModules.filter((item) => !item.separator).length;
const needNavMenu = currentProductId !== "home";