Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-11 23:31:21 -05:00
Code Issues Activity

✨ Typographic styles enhancements and fixes

Browse source
This commit is contained in:
alonso.torres 2020-10-16 09:37:33 +02:00 • committed by Andrey Antukh
parent a7335533bb
commit 447bb5204d
5 changed files with 37 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/resources/styles/main/partials/sidebar-element-options.scss
View file

@ -768,6 +768,17 @@
z-index: 10;
}
.advanced-options-wrapper {
position: absolute;
width: 100%;
padding-right: 1.5rem;
padding-left: 0.25rem;
}
.element-options .advanced-options-wrapper {
padding-right: 1rem;
}
.advanced-options {
background-color: #303236;
border-radius: 4px;

29
frontend/src/app/main/data/workspace/libraries.cljs
View file

@ -533,20 +533,21 @@
:sync-dialog))))))
(defn add-typography
[typography]
(let [typography (update typography :id #(or % (uuid/next)))]
(us/assert ::cp/typography typography)
(ptk/reify ::add-typography
ptk/WatchEvent
(watch [_ state s]
(let [rchg {:type :add-typography
:typography (assoc typography :ts (.now js/Date))}
uchg {:type :del-typography
:id (:id typography)}]
(rx/of (dwc/commit-changes [rchg] [uchg] {:commit-local? true})
#(assoc-in %
[:workspace-local :rename-typography]
(:id typography))))))))
([typography] (add-typography typography true))
([typography edit?]
(let [typography (update typography :id #(or % (uuid/next)))]
(us/assert ::cp/typography typography)
(ptk/reify ::add-typography
ptk/WatchEvent
(watch [_ state s]
(let [rchg {:type :add-typography
:typography (assoc typography :ts (.now js/Date))}
uchg {:type :del-typography
:id (:id typography)}]
(rx/of (dwc/commit-changes [rchg] [uchg] {:commit-local? true})
#(cond-> %
edit?
(assoc-in [:workspace-local :rename-typography] (:id typography))))))))))
(defn update-typography
[typography]

7
frontend/src/app/main/ui/workspace/sidebar/assets.cljs
View file

@ -391,7 +391,9 @@
handle-delete-typography
(fn []
(st/emit! (dwl/delete-typography (:id @state))))]
(st/emit! (dwl/delete-typography (:id @state))))
editting-id (or (:rename-typography local) (:edit-typography local))]
(mf/use-effect
(mf/deps local)
@ -428,8 +430,7 @@
:on-context-menu #(on-context-menu (:id typography) %)
:on-change #(handle-change typography %)
:on-select #(handle-typography-selection typography)
:editting? (or (= (:rename-typography local) (:id typography))
(= (:edit-typography local) (:id typography)))
:editting? (= editting-id (:id typography))
:focus-name? (= (:rename-typography local) (:id typography))}])])]))
(defn file-colors-ref

5
frontend/src/app/main/ui/workspace/sidebar/options/common.cljs
View file

@ -19,6 +19,7 @@
(when visible?
[:*
[:div.focus-overlay {:on-click handle-click}]
[:div.advanced-options {}
children]])))
[:div.advanced-options-wrapper
[:div.advanced-options {}
children]]])))

7
frontend/src/app/main/ui/workspace/sidebar/options/text.cljs
View file

@ -215,7 +215,7 @@
(get typographies (:typography-ref-id values)))
handle-click
on-convert-to-typography
(mf/use-callback
(mf/deps values)
(fn [event]
@ -227,7 +227,7 @@
typography (merge ut/default-typography setted-values)
typography (generate-typography-name typography)]
(let [id (uuid/next)]
(st/emit! (dwl/add-typography (assoc typography :id id)))
(st/emit! (dwl/add-typography (assoc typography :id id) false))
(run! #(emit-update! % {:typography-ref-id id}) ids)))))
handle-deattach-typography
@ -251,7 +251,8 @@
[:div.element-set
[:div.element-set-title
[:span label]
[:div.add-page {:on-click handle-click} i/close]]
(when (not typography)
[:div.add-page {:on-click on-convert-to-typography} i/close])]
(cond
typography