From 207cb87d5edfc56f95efe5b56144272043cf336d Mon Sep 17 00:00:00 2001 From: rockchris099 Date: Tue, 14 Apr 2026 07:56:26 -0400 Subject: [PATCH] :sparkles: Reorder prototype overlay options (position before relative to) (#8972) Closes #2910 Signed-off-by: rockchris99 Co-authored-by: Andrey Antukh --- CHANGES.md | 1 + .../sidebar/options/menus/interactions.cljs | 20 +++++++++---------- 2 files changed, 11 insertions(+), 10 deletions(-) diff --git a/CHANGES.md b/CHANGES.md index ca646b5b8a..8469e45ce1 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -35,6 +35,7 @@ - Differentiate incoming and outgoing interaction link colors (by @claytonlin1110) [Github #7794](https://github.com/penpot/penpot/issues/7794) - Add guide locking and fix locked elements not selectable in viewer (by @Dexterity104) [Github #8358](https://github.com/penpot/penpot/issues/8358) - Apply styles to selection (by @AzazelN28) [Taiga #13647](https://tree.taiga.io/project/penpot/task/13647) +- Reorder prototyping overlay options to show Position before Relative to (by @rockchris099) [Github #2910](https://github.com/penpot/penpot/issues/2910) ### :bug: Bugs fixed diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs index ac8fdc23cf..c1a54d9764 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs +++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs @@ -475,16 +475,6 @@ (when (ctsi/has-overlay-opts interaction) [:* - ;; Overlay position relative-to (select) - [:div {:class (stl/css :interaction-row)} - [:div {:class (stl/css :interaction-row-label)} - [:div {:class (stl/css :interaction-row-name)} - (tr "workspace.options.interaction-relative-to")]] - [:div {:class (stl/css :interaction-row-select)} - [:& select {:default-value (str (:position-relative-to interaction)) - :options relative-to-opts - :on-change change-position-relative-to}]]] - ;; Overlay position (select) [:div {:class (stl/css :interaction-row)} [:div {:class (stl/css :interaction-row-label)} @@ -495,6 +485,16 @@ :options overlay-position-opts :on-change change-overlay-pos-type}]]] + ;; Overlay position relative-to (select) + [:div {:class (stl/css :interaction-row)} + [:div {:class (stl/css :interaction-row-label)} + [:div {:class (stl/css :interaction-row-name)} + (tr "workspace.options.interaction-relative-to")]] + [:div {:class (stl/css :interaction-row-select)} + [:& select {:default-value (str (:position-relative-to interaction)) + :options relative-to-opts + :on-change change-position-relative-to}]]] + ;; Overlay position (buttons) [:div {:class (stl/css :interaction-row)} [:div {:class (stl/css :interaction-row-position)}