From c8091b42a76cf4ccf3e0ab57f185e7dcb555b045 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mar=C3=ADa=20Valderrama?= Date: Fri, 29 Aug 2025 10:51:00 +0200 Subject: [PATCH] :bug: Fix navigation arrows in Libraries & Templates carousel (#7217) --- CHANGES.md | 1 + frontend/src/app/main/ui/dashboard/templates.cljs | 12 ++++++++++-- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/CHANGES.md b/CHANGES.md index 8ebb8b981b..f1042163d7 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -32,6 +32,7 @@ - Fix parsing rx and ry SVG values for rect radius [Taiga #11861](https://tree.taiga.io/project/penpot/issue/11861) - Misleading affordance in saved versions [Taiga #11887](https://tree.taiga.io/project/penpot/issue/11887) - Fix pasting RTF text crashes penpot [Taiga #11717](https://tree.taiga.io/project/penpot/issue/11717) +- Fix navigation arrows in Libraries & Templates carousel [Taiga #10609](https://tree.taiga.io/project/penpot/issue/10609) ## 2.9.0 diff --git a/frontend/src/app/main/ui/dashboard/templates.cljs b/frontend/src/app/main/ui/dashboard/templates.cljs index 7d7590b5d2..10d44e9e33 100644 --- a/frontend/src/app/main/ui/dashboard/templates.cljs +++ b/frontend/src/app/main/ui/dashboard/templates.cljs @@ -227,10 +227,18 @@ :right (> scroll-available client-width)})))) on-move-left - (mf/use-fn #(dom/scroll-by! (mf/ref-val content-ref) -300 0)) + (mf/use-fn + (fn [event] + (if (kbd/right-arrow? event) + (dom/scroll-by! (mf/ref-val content-ref) 300 0) + (dom/scroll-by! (mf/ref-val content-ref) -300 0)))) on-move-right - (mf/use-fn #(dom/scroll-by! (mf/ref-val content-ref) 300 0)) + (mf/use-fn + (fn [event] + (if (kbd/left-arrow? event) + (dom/scroll-by! (mf/ref-val content-ref) -300 0) + (dom/scroll-by! (mf/ref-val content-ref) 300 0)))) on-import-template (mf/use-fn