From c8a7e58bd5ab8d82e0ee5548ffb3647738dce9d5 Mon Sep 17 00:00:00 2001 From: Keavon Chambers Date: Sun, 5 Mar 2023 17:49:47 -0800 Subject: [PATCH] Add double click input hint icons --- .../src/messages/input_mapper/utility_types/input_keyboard.rs | 2 ++ frontend-svelte/src/utility-functions/icons.ts | 2 ++ frontend/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg | 4 ++++ frontend/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg | 4 ++++ frontend/src/utility-functions/icons.ts | 4 ++++ 5 files changed, 16 insertions(+) create mode 100644 frontend/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg create mode 100644 frontend/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg diff --git a/editor/src/messages/input_mapper/utility_types/input_keyboard.rs b/editor/src/messages/input_mapper/utility_types/input_keyboard.rs index c16b2359..e946de3c 100644 --- a/editor/src/messages/input_mapper/utility_types/input_keyboard.rs +++ b/editor/src/messages/input_mapper/utility_types/input_keyboard.rs @@ -383,8 +383,10 @@ pub enum MouseMotion { ScrollUp, ScrollDown, Drag, + LmbDouble, LmbDrag, RmbDrag, + RmbDouble, MmbDrag, } diff --git a/frontend-svelte/src/utility-functions/icons.ts b/frontend-svelte/src/utility-functions/icons.ts index 3d9a36cf..154d1396 100644 --- a/frontend-svelte/src/utility-functions/icons.ts +++ b/frontend-svelte/src/utility-functions/icons.ts @@ -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 }, diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg new file mode 100644 index 00000000..c25da603 --- /dev/null +++ b/frontend/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg @@ -0,0 +1,4 @@ + + + + diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg new file mode 100644 index 00000000..2a3cebeb --- /dev/null +++ b/frontend/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg @@ -0,0 +1,4 @@ + + + + diff --git a/frontend/src/utility-functions/icons.ts b/frontend/src/utility-functions/icons.ts index f955d30d..52781796 100644 --- a/frontend/src/utility-functions/icons.ts +++ b/frontend/src/utility-functions/icons.ts @@ -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 },