Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-13 16:21:57 -05:00
Code Issues Activity

Fix color palette.

Browse source
This commit is contained in:
Andrey Antukh 2016-02-03 19:11:42 +02:00
parent ae31dc5aba
commit fb2fa605d2
2 changed files with 17 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/uxbox/data/workspace.cljs
View file

@ -453,3 +453,16 @@
(->> (get-in state [:workspace :selected])
(map #(update-fill-attrs % opts)))))))
(defn update-selected-shapes-stroke
"Update the fill related attributed on
selected shapes."
[opts]
(sc/validate! +shape-stroke-attrs-schema+ opts)
(reify
rs/WatchEvent
(-apply-watch [_ state]
(rx/from-coll
(->> (get-in state [:workspace :selected])
(map #(update-stroke-attrs % opts)))))))

66
src/uxbox/ui/workspace/colorpalette.cljs
View file

@ -12,6 +12,7 @@
[uxbox.util.color :refer (hex->rgb)]
[uxbox.ui.workspace.base :as wb]
[uxbox.ui.icons :as i]
[uxbox.ui.keyboard :as kbd]
[uxbox.util.dom :as dom]
[uxbox.ui.mixins :as mx]))
@ -37,7 +38,9 @@
(defn- select-color
[color event]
(dom/prevent-default event)
(rs/emit! (dw/update-selected-shapes-fill {:fill color})))
(if (kbd/shift? event)
(rs/emit! (dw/update-selected-shapes-stroke {:color color}))
(rs/emit! (dw/update-selected-shapes-fill {:color color}))))
(defn- colorpalette-render
[own]
@ -77,67 +80,6 @@
[:span.close-palette {:on-click close}
i/close]]))))
;; [:div.color-cell.current
;; [:span.color {:style {:background "#dddddd"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#c4c4c4"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#909090"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#4f4f4f"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#8ce2b6"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#b8de71"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#a784e0"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#e49ce2"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#d97950"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#e73232"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#ebcd2f"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#6869de"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]]
;; [:div.color-cell
;; [:span.color {:style {:background "#5ad5d9"}}]
;; [:span.color-text "#121212"]
;; [:span.color-text "rgb 21,21,21"]
;; [:div.color-tooltip
;; [:div.row-flex
;; [:input.input-text {:type "text" :placeholder "#Hex"}]
;; [:input.input-text {:type "text" :placeholder "RGB"}]
;; ]]]
;; [:div.color-cell.add-color
;; [:span.color i/close]
;; [:span.color-text "+ Add color"]]]
(def ^:static colorpalette
(mx/component
{:render colorpalette-render