oxen-io/session-desktop
1
0
Fork 0
mirror of https://github.com/oxen-io/session-desktop.git synced 2023-12-14 02:12:57 +01:00
Code Issues Projects Releases Wiki Activity

fix SessionIcon viewbox being out of bounds

Browse source
This commit is contained in:
Audric Ackermann 2021-05-31 15:40:23 +10:00
parent d6b7463f5f
commit b87faa9291
No known key found for this signature in database
GPG key ID: 999F434D76324AD4
1 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
ts/components/session/icon/SessionIcon.tsx
View file

@ -35,13 +35,6 @@ const getIconDimensionFromIconSize = (iconSize: SessionIconSize | number) => {
}
};
type StyledSvgProps = {
width: string | number;
height: string | number;
iconRotation: number;
rotateDuration?: number;
};
const rotate = keyframes`
from {
transform: rotate(0deg);
@ -61,11 +54,17 @@ const animation = (props: { rotateDuration?: any }) => {
}
};
type StyledSvgProps = {
width: string | number;
iconRotation: number;
rotateDuration?: number;
};
//tslint:disable no-unnecessary-callback-wrapper
const Svg = styled.svg<StyledSvgProps>`
width: ${props => props.width};
animation: ${props => animation(props)};
transform: ${props => `rotate(${props.iconRotation}deg)`};
animation: ${props => animation(props)};
`;
//tslint:enable no-unnecessary-callback-wrapper
@ -81,7 +80,13 @@ const SessionSvg = (props: {
}) => {
const colorSvg = props.iconColor || props?.theme?.colors.textColor;
const pathArray = props.path instanceof Array ? props.path : [props.path];
const propsToPick = _.pick(props, 'width', 'animation', 'transform') as any;
const propsToPick = {
width: props.width,
height: props.height,
rotateDuration: props.rotateDuration,
iconRotation: props.iconRotation,
viewBox: props.viewBox,
};
return (
<Svg {...propsToPick}>