johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-11 22:14:05 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

Merge pull request #7947 from penpot/elenatorro-12880-fix-variant-ui

Browse Source 
🔧 Support variants interactivity on the new render's UI
This commit is contained in:
Alejandro Alonso
2025-12-10 15:27:48 +01:00
committed by GitHub
parent a78477592b 0a212b6291
commit 3b23a3ad19
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/app/main/ui/workspace/viewport_wasm.cljs
View File

@@ -12,10 +12,12 @@
[app.common.files.helpers :as cfh] [app.common.files.helpers :as cfh]
[app.common.geom.shapes :as gsh] [app.common.geom.shapes :as gsh]
[app.common.types.color :as clr] [app.common.types.color :as clr]
[app.common.types.component :as ctk]
[app.common.types.path :as path] [app.common.types.path :as path]
[app.common.types.shape :as cts] [app.common.types.shape :as cts]
[app.common.types.shape.layout :as ctl] [app.common.types.shape.layout :as ctl]
[app.main.data.workspace.transforms :as dwt] [app.main.data.workspace.transforms :as dwt]
[app.main.data.workspace.variants :as dwv]
[app.main.features :as features] [app.main.features :as features]
[app.main.refs :as refs] [app.main.refs :as refs]
[app.main.store :as st] [app.main.store :as st]
@@ -257,6 +259,16 @@
first-shape (first selected-shapes) first-shape (first selected-shapes)
show-add-variant? (and single-select?
(or (ctk/is-variant-container? first-shape)
(ctk/is-variant? first-shape)))
add-variant
(mf/use-fn
(mf/deps first-shape)
#(st/emit!
(dwv/add-new-variant (:id first-shape))))
show-padding? show-padding?
(and (nil? transform) (and (nil? transform)
single-select? single-select?
@@ -663,6 +675,11 @@
{:id (first selected) {:id (first selected)
:zoom zoom}]) :zoom zoom}])
(when show-add-variant?
[:> widgets/button-add* {:shape first-shape
:zoom zoom
:on-click add-variant}])
[:g.grid-layout-editor {:clipPath "url(#clip-handlers)"} [:g.grid-layout-editor {:clipPath "url(#clip-handlers)"}
(when show-grid-editor? (when show-grid-editor?
[:& grid-layout/editor [:& grid-layout/editor