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

Web: Components: added new icons for viewer, remove old icons

Browse Source
This commit is contained in:
DmitrySychugov 2022-12-01 19:02:23 +05:00
parent 47e5b8a4d7
commit 624428c262
5 changed files with 41 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/components/viewer/index.js
View File

@ -3,7 +3,7 @@ import * as ReactDOM from "react-dom";
import {
StyledViewer,
StyledViewerContainer,
StyledNextToolbar,
StyledSwitchToolbar,
StyledButtonScroll,
} from "./styled-viewer";
import ControlBtn from "./sub-components/control-btn";
@ -12,8 +12,8 @@ import IconButton from "@docspace/components/icon-button";
import { isMobileOnly } from "react-device-detect";
import MediaNextIcon from "../../../public/images/media.view.react.svg";
import MediaPrevIcon from "../../../public/images/media.viewer.prev.react.svg";
import MediaNextIcon from "../../../public/images/viewer.next.react.svg";
import MediaPrevIcon from "../../../public/images/viewer.prew.react.svg";
import ViewerPlayer from "./sub-components/viewer-player";
import MediaContextMenu from "../../../public/images/vertical-dots.react.svg";
@ -172,19 +172,19 @@ export const Viewer = (props) => {
{playlist.length > 1 && !isFullscreen && displayUI && (
<>
{playlistPos !== 0 && (
<StyledNextToolbar left onClick={onPrevClick}>
<StyledSwitchToolbar left onClick={onPrevClick}>
<StyledButtonScroll orientation="left">
<MediaPrevIcon />
</StyledButtonScroll>
</StyledNextToolbar>
</StyledSwitchToolbar>
)}
{playlistPos < playlist.length - 1 && (
<>
<StyledNextToolbar onClick={onNextClick}>
<StyledSwitchToolbar onClick={onNextClick}>
<StyledButtonScroll orientation="right">
<MediaNextIcon />
</StyledButtonScroll>
</StyledNextToolbar>
</StyledSwitchToolbar>
</>
)}
</>

17
public/images/viewer.next.react.svg Normal file
View File

@ -0,0 +1,17 @@
<svg width="48" height="68" viewBox="0 0 48 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_34536_416913)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6921 34L13 14.1477L14.1694 13L35 34L14.1694 55L13 53.8523L32.6921 34Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_34536_416913" x="0" y="0" width="48" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.45 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_34536_416913"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_34536_416913" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 991 B

17
public/images/viewer.prew.react.svg Normal file
View File

@ -0,0 +1,17 @@
<svg width="48" height="68" viewBox="0 0 48 68" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_34536_416915)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3079 34L35 14.1477L33.8306 13L13 34L33.8306 55L35 53.8523L15.3079 34Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_34536_416915" x="0" y="0" width="48" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.45 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_34536_416915"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_34536_416915" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 991 B

17
public/images/viewer.react.next.svg
View File

@ -1,17 +0,0 @@
<svg width="25" height="38" viewBox="0 0 25 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_7279_16500)">
<path d="M6 32L19 19L6 6" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<filter id="filter0_d_7279_16500" x="0.5" y="0.5" width="24" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0156863 0 0 0 0 0.0588235 0 0 0 0 0.105882 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7279_16500"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7279_16500" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 976 B

17
public/images/viewer.react.prev.svg
View File

@ -1,17 +0,0 @@
<svg width="25" height="38" viewBox="0 0 25 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_7279_2868)">
<path d="M19 32L6 19L19 6" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<filter id="filter0_d_7279_2868" x="0.5" y="0.5" width="24" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0156863 0 0 0 0 0.0588235 0 0 0 0 0.105882 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7279_2868"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7279_2868" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 973 B