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

Web: Files: fixed header icons, fixed styles

Browse Source
This commit is contained in:
Nikita Gopienko 2021-10-06 15:02:56 +03:00
parent aa66baf2b6
commit f87b71f2e5
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/asc-web-common/components/PageLayout/sub-components/section-filter.js
View File

@ -3,7 +3,7 @@ import styled from "styled-components";
import equal from "fast-deep-equal/react";
const StyledSectionFilter = styled.div`
margin: 16px 24px 9px 0;
margin: 11px 24px 9px 0;
/* @media (min-width: 1314px) {
margin-left: -4px;

1
packages/asc-web-common/components/PageLayout/sub-components/section-header.js
View File

@ -11,7 +11,6 @@ const StyledSectionHeader = styled.div`
height: 41px;
margin-right: 24px;
margin-top: -1px;
padding-bottom: 9px;
${NoUserSelect}
${isMobile &&
css`

16
products/ASC.Files/Client/src/pages/Home/Section/Header/index.js
View File

@ -42,6 +42,10 @@ const StyledContainer = styled.div`
align-items: center;
max-width: calc(100vw - 32px);
.headline-header {
font-size: 18px;
}
@media ${tablet} {
.headline-header {
margin-left: -1px;
@ -49,7 +53,6 @@ const StyledContainer = styled.div`
}
.arrow-button {
margin-right: 15px;
min-width: 17px;
@media ${tablet} {
padding: 8px 0 8px 8px;
@ -60,7 +63,7 @@ const StyledContainer = styled.div`
.add-button {
margin-bottom: -1px;
margin-left: 16px;
margin-left: 14px;
@media ${tablet} {
margin-left: auto;
@ -390,7 +393,7 @@ class SectionHeaderContent extends React.Component {
{!isRootFolder && (
<IconButton
iconName="/static/images/arrow.path.react.svg"
size="17"
size={14}
color="#A3A9AE"
hoverColor="#657077"
isFill={true}
@ -402,6 +405,7 @@ class SectionHeaderContent extends React.Component {
className="headline-header"
type="content"
truncate={true}
fontSize="18px"
>
{title}
</Headline>
@ -411,7 +415,7 @@ class SectionHeaderContent extends React.Component {
className="add-button"
directionX="right"
iconName="images/plus.svg"
size={17}
size={14}
color="#A3A9AE"
hoverColor="#657077"
isFill
@ -423,7 +427,7 @@ class SectionHeaderContent extends React.Component {
className="option-button"
directionX="right"
iconName="images/vertical-dots.react.svg"
size={17}
size={14}
color="#A3A9AE"
hoverColor="#657077"
isFill
@ -438,7 +442,7 @@ class SectionHeaderContent extends React.Component {
className="add-button"
directionX="right"
iconName="images/plus.svg"
size={17}
size={14}
color="#A3A9AE"
hoverColor="#657077"
isFill