Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-10 09:08:31 -05:00
Code Issues Activity

🐛 Show strokes and fills in text when in handoff

Browse source
This commit is contained in:
Eva 2022-05-13 12:44:11 +02:00
parent 431e42c80a
commit 3f413e4920
5 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/resources/styles/main/partials/handoff.scss
View file

@ -144,7 +144,7 @@
.color-bullet {
width: 24px;
height: 24px;
border-radius: $br-small;
border-radius: 50%;
border: 1px solid $color-gray-60;
}

2
frontend/src/app/main/ui/viewer/handoff/attributes.cljs
View file

@ -27,7 +27,7 @@
:circle [:layout :fill :stroke :shadow :blur :svg]
:path [:layout :fill :stroke :shadow :blur :svg]
:image [:image :layout :fill :stroke :shadow :blur :svg]
:text [:layout :text :shadow :blur]})
:text [:layout :text :shadow :blur :stroke]})
(mf/defc attributes
[{:keys [page-id file-id shapes frame]}]

4
frontend/src/app/main/ui/viewer/handoff/attributes/fill.cljs
View file

@ -58,7 +58,7 @@
(for [shape shapes]
(if (seq (:fills shape))
(for [value (:fills shape [])]
[:& fill-block {:key (str "fill-block-" (:id shape))
[:& fill-block {:key (str "fill-block-" (:id shape) value)
:shape value}])
[:& fill-block {:key (str "fill-block-" (:id shape))
[:& fill-block {:key (str "fill-block-only" (:id shape))
:shape shape}]))])))

4
frontend/src/app/main/ui/viewer/handoff/attributes/stroke.cljs
View file

@ -84,7 +84,7 @@
(for [shape shapes]
(if (seq (:strokes shape))
(for [value (:strokes shape [])]
[:& stroke-block {:key (str "stroke-color-" (:id shape))
[:& stroke-block {:key (str "stroke-color-" (:id shape) value)
:shape value}])
[:& stroke-block {:key (str "stroke-color-" (:id shape))
[:& stroke-block {:key (str "stroke-color-only" (:id shape))
:shape shape}]))])))

14
frontend/src/app/main/ui/viewer/handoff/attributes/text.cljs
View file

@ -101,12 +101,13 @@
[:div.attributes-content-row
[:pre.attributes-content (str/trim text)]
[:& copy-button {:data (str/trim text)}]]
(when (:fills style)
(for [fill (:fills style)]
(when (or (:fill-color style) (:fill-color-gradient style))
[:& color-row {:format @color-format
:color (shape->color style)
:copy-data (copy-style-data style :fill-color :fill-color-gradient)
:on-change-format #(reset! color-format %)}])
[:& color-row {:format @color-format
:color (shape->color fill)
:copy-data (copy-style-data fill :fill-color :fill-color-gradient)
:on-change-format #(reset! color-format %)}]))
(when (:font-id style)
[:div.attributes-unit-row
@ -186,4 +187,5 @@
[:div.attributes-block-title-text (tr "handoff.attributes.typography")]]
(for [shape shapes]
[:& text-block {:shape shape}])]))
[:& text-block {:shape shape
:key (str "text-block" (:id shape))}])]))