fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-20 11:28:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add animation control buttons to document bar

Browse Source
This commit is contained in:
Keavon Chambers
2025-03-19 02:15:40 -07:00
parent 44694ff8d6
commit 08a4b69948
11 changed files with 91 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/assets/icon-16px-solid/playback-pause.svg
+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<rect x="2" width="3" height="16" />
<rect x="11" width="3" height="16" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 145 B

frontend/assets/icon-16px-solid/playback-play.svg
+3
View File
@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<polygon points="1,0 1,16 15,8" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 104 B

frontend/assets/icon-16px-solid/playback-to-end.svg
+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<polygon points="3,3 3,13 11,8" />
<rect x="11" y="3" width="2" height="10" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 149 B

frontend/assets/icon-16px-solid/playback-to-start.svg
+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<polygon points="13,3 13,13 5,8" />
<rect x="3" y="3" width="2" height="10" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 149 B

frontend/src/utility-functions/icons.ts
+8
View File
@@ -163,6 +163,10 @@ import PadlockUnlocked from "@graphite-frontend/assets/icon-16px-solid/padlock-u
import Paste from "@graphite-frontend/assets/icon-16px-solid/paste.svg";
import PinActive from "@graphite-frontend/assets/icon-16px-solid/pin-active.svg";
import PinInactive from "@graphite-frontend/assets/icon-16px-solid/pin-inactive.svg";
import PlaybackPause from "@graphite-frontend/assets/icon-16px-solid/playback-pause.svg";
import PlaybackPlay from "@graphite-frontend/assets/icon-16px-solid/playback-play.svg";
import PlaybackToEnd from "@graphite-frontend/assets/icon-16px-solid/playback-to-end.svg";
import PlaybackToStart from "@graphite-frontend/assets/icon-16px-solid/playback-to-start.svg";
import Random from "@graphite-frontend/assets/icon-16px-solid/random.svg";
import Reload from "@graphite-frontend/assets/icon-16px-solid/reload.svg";
import Reset from "@graphite-frontend/assets/icon-16px-solid/reset.svg";
@@ -279,6 +283,10 @@ const SOLID_16PX = {
Paste: { svg: Paste, size: 16 },
PinActive: { svg: PinActive, size: 16 },
PinInactive: { svg: PinInactive, size: 16 },
PlaybackPause: { svg: PlaybackPause, size: 16 },
PlaybackPlay: { svg: PlaybackPlay, size: 16 },
PlaybackToEnd: { svg: PlaybackToEnd, size: 16 },
PlaybackToStart: { svg: PlaybackToStart, size: 16 },
Random: { svg: Random, size: 16 },
Reload: { svg: Reload, size: 16 },
Reset: { svg: Reset, size: 16 },