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

web: common: MediaViewer. New icons

Browse Source
This commit is contained in:
NikolayRechkin 2020-05-05 12:22:58 +03:00
parent 41d08c3d26
commit cab53265dd
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/ASC.Web.Common/src/components/MediaViewer/sub-components/image-viewer.js
View File

@ -53,6 +53,11 @@ const StyledViewer = styled(Viewer)`
background: none;
}
}
.iconContainer{
width: 18px;
line-height: 15px;
margin: 4px auto;
}
`
@ -60,27 +65,27 @@ var customToolbar = [
{
key: 'zoomIn',
actionType: 1,
render: <Icons.PlusIcon size="medium" isfill={true} color="#fff" />
render: <div className="iconContainer"><Icons.MediaZoomInIcon size="scale" /></div>
},
{
key: 'zoomOut',
actionType: 2,
render: <Icons.CrossIcon size="medium" isfill={true} color="#fff" />
render: <div className="iconContainer"><Icons.MediaZoomOutIcon size="scale" /></div>
},
{
key: 'reset',
actionType: 7,
render: <Icons.AccessFormIcon size="medium" isfill={true} color="#fff" />
render: <div className="iconContainer"><Icons.MediaResetIcon size="scale" /></div>
},
{
key: 'rotateLeft',
actionType: 5,
render: <Icons.RotateIcon size="medium" isfill={true} color="#fff" />
render: <div className="iconContainer"><Icons.MediaRotateLeftIcon size="scale" /></div>
},
{
key: 'rotateRight',
actionType: 6,
render: <Icons.RotateIcon size="medium" isfill={true} color="#fff" />
render: <div className="iconContainer"><Icons.MediaRotateRightIcon size="scale" /></div>
}
];