Web: Files: fixed icons, fixed styles
This commit is contained in:
parent
f87b71f2e5
commit
a33d49f356
@ -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
|
||||
|
@ -55,7 +55,7 @@ const StyledContainer = styled.div`
|
||||
`}
|
||||
|
||||
position: absolute;
|
||||
top: 56px;
|
||||
top: 48px;
|
||||
z-index: 180;
|
||||
}
|
||||
}
|
||||
|
@ -85,7 +85,7 @@ const StyledContainer = styled.div`
|
||||
${(props) =>
|
||||
!props.isDesktop &&
|
||||
css`
|
||||
top: 56px;
|
||||
top: 48px;
|
||||
`}
|
||||
z-index: 180;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user