github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-04 20:09:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

add letter spacing and line height inputs

Browse Source
This commit is contained in:
elhombretecla 2016-03-02 17:46:46 +01:00
parent a637e33fce
commit a0fbb1ac7c
1 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/uxbox/ui/workspace/sidebar/options.cljs
View File

@ -533,6 +533,7 @@
[:div.element-set {:key (str (:id menu))} [:div.element-set {:key (str (:id menu))}
[:div.element-set-title (:name menu)] [:div.element-set-title (:name menu)]
[:div.element-set-content [:div.element-set-content
[:span "Font family"] [:span "Font family"]
[:div.row-flex [:div.row-flex
[:select.input-select {:value (pr-str family) [:select.input-select {:value (pr-str family)
@ -540,6 +541,7 @@
(for [font library/+fonts+] (for [font library/+fonts+]
[:option {:value (pr-str (:id font)) [:option {:value (pr-str (:id font))
:key (:id font)} (:name font)])]] :key (:id font)} (:name font)])]]
[:span "Size and Weight"] [:span "Size and Weight"]
[:div.row-flex [:div.row-flex
[:input.input-text [:input.input-text
@ -556,6 +558,23 @@
[:option {:value (pr-str data) [:option {:value (pr-str data)
:key (:name style)} (:name style)])]] :key (:name style)} (:name style)])]]
[:span "Line height and Letter spacing"]
[:div.row-flex
[:input.input-text
{:placeholder "Line height"
:type "number"
:step "0.1"
:min "0"
:max "200"
:defaultValue "1.5"}]
[:input.input-text
{:placeholder "Letter spacing"
:type "number"
:step "0.1"
:min "0"
:max "200"
:defaultValue "1"}]]
[:span "Text align"] [:span "Text align"]
[:div.row-flex.align-icons [:div.row-flex.align-icons
[:span {:class (when (= align "left") "current") [:span {:class (when (= align "left") "current")
@ -569,8 +588,7 @@
i/align-center] i/align-center]
[:span {:class (when (= align "justify") "current") [:span {:class (when (= align "justify") "current")
:on-click #(on-font-align-change % "justify")} :on-click #(on-font-align-change % "justify")}
i/align-justify] i/align-justify]]]]))))
]]]))))
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;; Components ;; Components