jess
/
Graphite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add double click input hint icons

This commit is contained in:
Keavon Chambers 2023-03-05 17:49:47 -08:00
parent b55e233fff
commit c8a7e58bd5
5 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
editor/src/messages/input_mapper/utility_types/input_keyboard.rs
View File

@ -383,8 +383,10 @@ pub enum MouseMotion {
ScrollUp,
ScrollDown,
Drag,
LmbDouble,
LmbDrag,
RmbDrag,
RmbDouble,
MmbDrag,
}

2
frontend-svelte/src/utility-functions/icons.ts
View File

@ -197,6 +197,7 @@ const SOLID_16PX = {
// 16px Two-Tone
import MouseHintDrag from "@/../assets/icon-16px-two-tone/mouse-hint-drag.svg";
import MouseHintLmbDouble from "@/../assets/icon-16px-two-tone/mouse-hint-lmb-double.svg";
import MouseHintLmbDrag from "@/../assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg";
import MouseHintLmb from "@/../assets/icon-16px-two-tone/mouse-hint-lmb.svg";
import MouseHintMmbDrag from "@/../assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg";
@ -210,6 +211,7 @@ import MouseHintScrollUp from "@/../assets/icon-16px-two-tone/mouse-hint-scroll-
const TWO_TONE_16PX = {
MouseHintDrag: { svg: MouseHintDrag, size: 16 },
MouseHintLmb: { svg: MouseHintLmb, size: 16 },
MouseHintLmbDouble: { svg: MouseHintLmbDouble, size: 16 },
MouseHintLmbDrag: { svg: MouseHintLmbDrag, size: 16 },
MouseHintMmb: { svg: MouseHintMmb, size: 16 },
MouseHintMmbDrag: { svg: MouseHintMmbDrag, size: 16 },

4
frontend/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path class="bright" d="M6,1C4.3,1,3,2.3,3,4v4h5V1H6z M7,6v1H4c0,0,0-0.6,0.2-1c0.3-0.6,0.8-1.1,1.3-1.4c1.1-0.9,0.8-1.9,0.1-1.7C5,3,4.8,3.6,4.9,4.1H4C3.9,2.9,4.7,2,5.8,2c1.1,0,1.5,1.2,1,2.3C6.4,5.1,5.5,5.5,5.4,6H7z" />
<path class="dim" d="M10,1H9v1h1c1.1,0,2,0.9,2,2v6c0,2.21-1.79,4-4,4s-4-1.79-4-4V9H3v1c0,2.76,2.24,5,5,5s5-2.24,5-5V4C13,2.35,11.65,1,10,1z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 432 B

4
frontend/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path class="bright" d="M10,1H8v7h5V4C13,2.3,11.7,1,10,1z M12,7H9.1c0,0,0-0.6,0.2-1c0.2-0.6,0.8-1.1,1.3-1.5c0.9-0.8,0.4-1.8-0.4-1.6C9.6,3.1,9.9,4.1,9.9,4.1H9.1c-0.3-1,0.1-2.2,1.3-2.1c1,0.1,1.6,1.1,1.4,2.1C11.6,5,10.6,5.4,10.5,6H12V7z" />
<path class="dim" d="M6,1h1v1H6C4.9,2,4,2.9,4,4v6c0,2.21,1.79,4,4,4s4-1.79,4-4V9h1v1c0,2.76-2.24,5-5,5s-5-2.24-5-5V4C3,2.35,4.35,1,6,1z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 448 B

4
frontend/src/utility-functions/icons.ts
View File

@ -197,11 +197,13 @@ const SOLID_16PX = {
// 16px Two-Tone
import MouseHintDrag from "@/../assets/icon-16px-two-tone/mouse-hint-drag.svg";
import MouseHintLmbDouble from "@/../assets/icon-16px-two-tone/mouse-hint-lmb-double.svg";
import MouseHintLmbDrag from "@/../assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg";
import MouseHintLmb from "@/../assets/icon-16px-two-tone/mouse-hint-lmb.svg";
import MouseHintMmbDrag from "@/../assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg";
import MouseHintMmb from "@/../assets/icon-16px-two-tone/mouse-hint-mmb.svg";
import MouseHintNone from "@/../assets/icon-16px-two-tone/mouse-hint-none.svg";
import MouseHintRmbDouble from "@/../assets/icon-16px-two-tone/mouse-hint-rmb-double.svg";
import MouseHintRmbDrag from "@/../assets/icon-16px-two-tone/mouse-hint-rmb-drag.svg";
import MouseHintRmb from "@/../assets/icon-16px-two-tone/mouse-hint-rmb.svg";
import MouseHintScrollDown from "@/../assets/icon-16px-two-tone/mouse-hint-scroll-down.svg";
@ -210,11 +212,13 @@ import MouseHintScrollUp from "@/../assets/icon-16px-two-tone/mouse-hint-scroll-
const TWO_TONE_16PX = {
MouseHintDrag: { component: MouseHintDrag, size: 16 },
MouseHintLmb: { component: MouseHintLmb, size: 16 },
MouseHintLmbDouble: { component: MouseHintLmbDouble, size: 16 },
MouseHintLmbDrag: { component: MouseHintLmbDrag, size: 16 },
MouseHintMmb: { component: MouseHintMmb, size: 16 },
MouseHintMmbDrag: { component: MouseHintMmbDrag, size: 16 },
MouseHintNone: { component: MouseHintNone, size: 16 },
MouseHintRmb: { component: MouseHintRmb, size: 16 },
MouseHintRmbDouble: { component: MouseHintRmbDouble, size: 16 },
MouseHintRmbDrag: { component: MouseHintRmbDrag, size: 16 },
MouseHintScrollDown: { component: MouseHintScrollDown, size: 16 },
MouseHintScrollUp: { component: MouseHintScrollUp, size: 16 },