3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-07 14:38:33 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Allow removing background from frames

Browse source
This commit is contained in:
alonso.torres 2021-06-22 12:16:59 +02:00 • committed by Andrés Moya
parent 150427cd39
commit 98f072619f
3 changed files with 26 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/app/main/ui/shapes/frame.cljs
View file

@ -10,8 +10,6 @@
[app.util.object :as obj]
[rumext.alpha :as mf]))
(def frame-default-props {:fill-color "#ffffff"})
(defn frame-shape
[shape-wrapper]
(mf/fnc frame-shape
@ -21,8 +19,11 @@
shape (unchecked-get props "shape")
{:keys [width height]} shape
props (-> (merge frame-default-props shape)
(attrs/extract-style-attrs)
has-background? (or (some? (:fill-color shape))
(some? (:fill-color-gradient shape)))
has-stroke? (not= :none (:stroke-style shape))
props (-> (attrs/extract-style-attrs shape)
(obj/merge!
#js {:x 0
:y 0
@ -30,7 +31,8 @@
:height height
:className "frame-background"}))]
[:*
[:> :rect props]
(when (or has-background? has-stroke?)
[:> :rect props])
(for [item childs]
[:& shape-wrapper {:frame shape
:shape item