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

Remove hardcoded defaults on page element-options widget.

Browse source
This commit is contained in:
Andrey Antukh 2016-12-26 22:31:11 +01:00
parent 43bb3a40b3
commit bbaf80bedf
No known key found for this signature in database
GPG key ID: 4DFEBCB8316A8B95
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/uxbox/main/ui/workspace/sidebar/options/page.cljs
View file

@ -10,6 +10,7 @@
(:require [lentes.core :as l]
[potok.core :as ptk]
[uxbox.store :as st]
[uxbox.main.constants :as c]
[uxbox.main.data.pages :as udp]
[uxbox.main.data.workspace :as udw]
[uxbox.main.data.lightbox :as udl]
@ -25,7 +26,7 @@
{:mixins [mx/static mx/reactive]}
[own menu]
(let [{:keys [id metadata] :as page} (mx/react page-ref)
{:keys [width height background] :as metadata} metadata]
metadata (merge c/page-metadata metadata)]
(letfn [(on-width-change []
(when-let [value (-> (mx/ref-node own "width")
(dom/get-value)
@ -77,18 +78,19 @@
[:span "Background color"]
[:div.row-flex.color-data
[:span.color-th
{:style {:background-color (or background "#ffffff")}
{:style {:background-color (:background metadata)}
:on-click show-color-picker}]
[:div.color-info
[:input
{:on-change on-color-change
:ref "color"
:value (or background "#ffffff")}]]]]])))
:value (:background metadata)}]]]]])))
(mx/defcs grid-options-menu
{:mixins [mx/static mx/reactive]}
[own menu]
(let [{:keys [id metadata] :as page} (mx/react page-ref)]
(let [{:keys [id metadata] :as page} (mx/react page-ref)
metadata (merge c/page-metadata metadata)]
(letfn [(on-x-change []
(when-let [value (-> (mx/ref-node own "x-axis")
(dom/get-value)
@ -131,20 +133,20 @@
[:input.input-text
{:type "number"
:ref "x-axis"
:value (:grid-x-axis metadata 10)
:value (:grid-x-axis metadata)
:on-change on-x-change
:placeholder "x"}]]
[:div.input-element.pixels
[:input.input-text
{:type "number"
:ref "y-axis"
:value (:grid-y-axis metadata 10)
:value (:grid-y-axis metadata)
:on-change on-y-change
:placeholder "y"}]]]
[:span "Color"]
[:div.row-flex.color-data
[:span.color-th
{:style {:background-color (:grid-color metadata "#cccccc")}
{:style {:background-color (:grid-color metadata)}
:on-click show-color-picker}]
[:div.color-info
[:input