Web: Files: fixed icons, fixed styles

This commit is contained in:
Nikita Gopienko 2021-10-06 15:23:12 +03:00
parent f87b71f2e5
commit a33d49f356
3 changed files with 9 additions and 13 deletions

View File

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

View File

@ -55,7 +55,7 @@ const StyledContainer = styled.div`
`}
position: absolute;
top: 56px;
top: 48px;
z-index: 180;
}
}

View File

@ -85,7 +85,7 @@ const StyledContainer = styled.div`
${(props) =>
!props.isDesktop &&
css`
top: 56px;
top: 48px;
`}
z-index: 180;
}