3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-19 22:06:10 +02:00
Code Issues Projects Releases Packages Wiki Activity

add color palette slider scss

Browse source
This commit is contained in:
Juan de la Cruz 2016-11-29 15:01:20 +01:00
parent 3f1ae0feaa
commit bb28ab78d6
2 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
frontend/src/uxbox/main/ui/workspace/colorpalette.cljs
View file

@ -38,14 +38,15 @@
(st/emit! (uds/update-selected-shapes-stroke {:color color}))
(st/emit! (uds/update-selected-shapes-fill {:color color}))))]
[:div.color-palette-content
(for [hex-color colors
:let [rgb-vec (hex->rgb hex-color)
rgb-color (apply str "" (interpose ", " rgb-vec))]]
[:div.color-cell {:key (str hex-color)
:on-click #(select-color % hex-color)}
[:span.color {:style {:background hex-color}}]
[:span.color-text hex-color]
[:span.color-text rgb-color]])]))
[:div.color-palette-inside
(for [hex-color colors
:let [rgb-vec (hex->rgb hex-color)
rgb-color (apply str "" (interpose ", " rgb-vec))]]
[:div.color-cell {:key (str hex-color)
:on-click #(select-color % hex-color)}
[:span.color {:style {:background hex-color}}]
[:span.color-text hex-color]
[:span.color-text rgb-color]])]]))
(mx/defcs palette
{:mixins [mx/static mx/reactive (mx/local)]}