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

Web: Components: fixed text alignment in the buttons

Browse Source
This commit is contained in:
Nikita Gopienko 2020-11-28 13:06:57 +03:00
parent 83e4db1e7f
commit 97e033ac68
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/ASC.Web.Components/src/components/button/index.js
View File

@ -108,10 +108,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
: "0px" : "0px"
: props.icon : props.icon
? props.label ? props.label
? "11px 24px 13px 24px" ? "10px 24px 13px 24px"
: "11px 11px 13px 11px" : "10px 11px 13px 11px"
: props.label : props.label
? "12px 20px 12px 20px" ? "11px 20px 12px 20px"
: "0px")) || : "0px")) ||
(props.size === "big" && (props.size === "big" &&
(props.primary (props.primary
@ -124,10 +124,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
: "0px" : "0px"
: props.icon : props.icon
? props.label ? props.label
? "8px 24px 9px 24px" ? "7px 24px 9px 24px"
: "8px 10px 9px 10px" : "7px 10px 9px 10px"
: props.label : props.label
? "8px 16px 8px 16px" ? "7px 16px 8px 16px"
: "0px")) || : "0px")) ||
(props.size === "medium" && (props.size === "medium" &&
(props.primary (props.primary
@ -140,10 +140,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
: "0px" : "0px"
: props.icon : props.icon
? props.label ? props.label
? "6px 24px 7px 24px" ? "5px 24px 7px 24px"
: "6px 10px 7px 10px" : "5px 10px 7px 10px"
: props.label : props.label
? "7px 16px 7px 16px" ? "6px 16px 7px 16px"
: "0px")) || : "0px")) ||
(props.size === "base" && (props.size === "base" &&
(props.primary (props.primary
@ -156,10 +156,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
: "0px" : "0px"
: props.icon : props.icon
? props.label ? props.label
? "3px 20px 5px 20px" ? "2px 20px 5px 20px"
: "3px 5px 5px 5px" : "2px 5px 5px 5px"
: props.label : props.label
? "4px 12px 5px 12px" ? "3px 12px 5px 12px"
: "0px"))}; : "0px"))};
${(props) => (props.minwidth ? `min-width: ${props.minwidth};` : null)} ${(props) => (props.minwidth ? `min-width: ${props.minwidth};` : null)}