Merge branch 'feature/virtual-rooms-1.2' of github.com:ONLYOFFICE/AppServer into feature/login-redesign

This commit is contained in:
Viktor Fomin 2022-03-17 15:31:26 +03:00
commit fd8567fd17
5 changed files with 27 additions and 8 deletions

View File

@ -230,7 +230,7 @@ const FilterBlock = ({
})} })}
<StyledFilterBlockFooter> <StyledFilterBlockFooter>
<Button <Button
size="large" size="normal"
primary={true} primary={true}
label={t("AddFilter")} label={t("AddFilter")}
scale={true} scale={true}

View File

@ -110,7 +110,20 @@ const disableCss = css`
const heightStyle = (props) => props.theme.button.height[props.size]; const heightStyle = (props) => props.theme.button.height[props.size];
const fontSizeStyle = (props) => props.theme.button.fontSize[props.size]; const fontSizeStyle = (props) => props.theme.button.fontSize[props.size];
const ButtonWrapper = ({ innerRef, ...props }) => { const ButtonWrapper = ({
primary,
scale,
size,
isHovered,
isClicked,
isDisabled,
disableHover,
isLoading,
label,
innerRef,
minWidth,
...props
}) => {
return <button ref={innerRef} type="button" {...props}></button>; return <button ref={innerRef} type="button" {...props}></button>;
}; };
@ -236,7 +249,14 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
ButtonWrapper.propTypes = { ButtonWrapper.propTypes = {
label: PropTypes.string, label: PropTypes.string,
primary: PropTypes.bool, primary: PropTypes.bool,
size: PropTypes.oneOf(["extraSmall", "small", "normal", "medium"]), size: PropTypes.oneOf([
"extraSmall",
"small",
"normal",
"medium",
"normalDesktop",
"normalTouchscreen",
]),
scale: PropTypes.bool, scale: PropTypes.bool,
icon: PropTypes.node, icon: PropTypes.node,

View File

@ -9,7 +9,7 @@ const StyledTableContainer = styled.div`
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
margin-top: -18px; margin-top: -19px;
display: grid; display: grid;

View File

@ -25,7 +25,6 @@ const ViewSelector = ({
}; };
const lastIndx = viewSettings && viewSettings.length - 1; const lastIndx = viewSettings && viewSettings.length - 1;
const loadingSVG = () => <svg></svg>;
const { t } = useTranslation("Common"); const { t } = useTranslation("Common");
@ -55,7 +54,7 @@ const ViewSelector = ({
: t("Common:SwitchToThumbnails") : t("Common:SwitchToThumbnails")
} }
> >
<ReactSVG src={icon} loading={loadingSVG} /> <ReactSVG src={icon} />
</IconWrapper> </IconWrapper>
); );
})} })}

View File

@ -8,13 +8,13 @@ import CatalogSpamIcon from "../../public/images/catalog.spam.react.svg";
const StyledSendClockIcon = styled(SendClockIcon)` const StyledSendClockIcon = styled(SendClockIcon)`
${commonIconsStyles} ${commonIconsStyles}
path { path {
fill: #3b72a7; fill: ${(props) => props.theme.peopleTableRow.fill};
} }
`; `;
const StyledCatalogSpamIcon = styled(CatalogSpamIcon)` const StyledCatalogSpamIcon = styled(CatalogSpamIcon)`
${commonIconsStyles} ${commonIconsStyles}
path { path {
fill: #3b72a7; fill: ${(props) => props.theme.peopleTableRow.fill};
} }
`; `;