Web: Fixed header icons width to 17px

This commit is contained in:
Ilya Oleshko 2020-06-17 11:26:18 +03:00
parent 53bb74f26f
commit 51d7984c91
7 changed files with 13 additions and 13 deletions

View File

@ -439,7 +439,7 @@ class SectionHeaderContent extends React.Component {
{folder && ( {folder && (
<IconButton <IconButton
iconName="ArrowPathIcon" iconName="ArrowPathIcon"
size="16" size="17"
color="#A3A9AE" color="#A3A9AE"
hoverColor="#657077" hoverColor="#657077"
isFill={true} isFill={true}
@ -460,7 +460,7 @@ class SectionHeaderContent extends React.Component {
className="add-button" className="add-button"
directionX="right" directionX="right"
iconName="PlusIcon" iconName="PlusIcon"
size={16} size={17}
color="#657077" color="#657077"
getData={this.getContextOptionsPlus} getData={this.getContextOptionsPlus}
isDisabled={false} isDisabled={false}
@ -469,7 +469,7 @@ class SectionHeaderContent extends React.Component {
className="option-button" className="option-button"
directionX="right" directionX="right"
iconName="VerticalDotsIcon" iconName="VerticalDotsIcon"
size={16} size={17}
color="#A3A9AE" color="#A3A9AE"
getData={this.getContextOptionsFolder} getData={this.getContextOptionsFolder}
isDisabled={false} isDisabled={false}
@ -480,7 +480,7 @@ class SectionHeaderContent extends React.Component {
className="add-button" className="add-button"
directionX="right" directionX="right"
iconName="PlusIcon" iconName="PlusIcon"
size={16} size={17}
color="#657077" color="#657077"
getData={this.getContextOptionsPlus} getData={this.getContextOptionsPlus}
isDisabled={false} isDisabled={false}

View File

@ -48,7 +48,7 @@ class SectionHeaderContent extends React.Component {
<Wrapper> <Wrapper>
<IconButton <IconButton
iconName="ArrowPathIcon" iconName="ArrowPathIcon"
size="16" size="17"
color="#A3A9AE" color="#A3A9AE"
hoverColor="#657077" hoverColor="#657077"
isFill={true} isFill={true}

View File

@ -400,7 +400,7 @@ const SectionHeaderContent = props => {
directionX="right" directionX="right"
title={t("Actions")} title={t("Actions")}
iconName="VerticalDotsIcon" iconName="VerticalDotsIcon"
size={16} size={17}
color="#A3A9AE" color="#A3A9AE"
getData={getContextOptionsGroup} getData={getContextOptionsGroup}
isDisabled={false} isDisabled={false}
@ -423,7 +423,7 @@ const SectionHeaderContent = props => {
directionX="right" directionX="right"
title={t("Actions")} title={t("Actions")}
iconName="PlusIcon" iconName="PlusIcon"
size={16} size={17}
color="#657077" color="#657077"
getData={getContextOptionsPlus} getData={getContextOptionsPlus}
isDisabled={false} isDisabled={false}

View File

@ -37,7 +37,7 @@ const SectionHeaderContent = props => {
<IconButton <IconButton
iconName="ArrowPathIcon" iconName="ArrowPathIcon"
color="#A3A9AE" color="#A3A9AE"
size="16" size="17"
hoverColor="#657077" hoverColor="#657077"
isFill={true} isFill={true}
onClick={onClickBack} onClick={onClickBack}

View File

@ -389,7 +389,7 @@ class SectionHeaderContent extends React.PureComponent {
<IconButton <IconButton
iconName="ArrowPathIcon" iconName="ArrowPathIcon"
color="#A3A9AE" color="#A3A9AE"
size="16" size="17"
hoverColor="#657077" hoverColor="#657077"
isFill={true} isFill={true}
onClick={this.onClickBack} onClick={this.onClickBack}
@ -405,7 +405,7 @@ class SectionHeaderContent extends React.PureComponent {
directionX="right" directionX="right"
title={t("Actions")} title={t("Actions")}
iconName="VerticalDotsIcon" iconName="VerticalDotsIcon"
size={16} size={17}
color="#A3A9AE" color="#A3A9AE"
getData={contextOptions} getData={contextOptions}
isDisabled={false} isDisabled={false}

View File

@ -45,7 +45,7 @@ const SectionHeaderContent = (props) => {
<IconButton <IconButton
iconName='ArrowPathIcon' iconName='ArrowPathIcon'
color="#A3A9AE" color="#A3A9AE"
size="16" size="17"
hoverColor="#657077" hoverColor="#657077"
isFill={true} isFill={true}
onClick={onClickBack} onClick={onClickBack}

View File

@ -33,11 +33,11 @@ const SectionHeaderContent = props => {
return ( return (
<Wrapper> <Wrapper>
<div style={{ width: "16px" }}> <div style={{ width: "17px" }}>
<IconButton <IconButton
iconName={"ArrowPathIcon"} iconName={"ArrowPathIcon"}
color="#A3A9AE" color="#A3A9AE"
size="16" size="17"
hoverColor="#657077" hoverColor="#657077"
isFill={true} isFill={true}
onClick={onClickBack} onClick={onClickBack}