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

✨ Improve file libraries colors order

Browse source
This commit is contained in:
Alejandro Alonso 2023-06-01 13:28:59 +02:00
parent b87f0bd5e8
commit b8ef6dffb9
2 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/app/main/ui/workspace/colorpalette.cljs
View file

@ -118,7 +118,7 @@
:on-close #(swap! state assoc :show-menu false)} :on-close #(swap! state assoc :show-menu false)}
[:ul.workspace-context-menu.palette-menu [:ul.workspace-context-menu.palette-menu
(for [{:keys [data id] :as library} (vals shared-libs)] (for [{:keys [data id] :as library} (vals shared-libs)]
(let [colors (-> data :colors vals)] (let [colors (->> data :colors vals (sort-by :name))]
[:li.palette-library [:li.palette-library
{:key (dm/str "library-" id) {:key (dm/str "library-" id)
:on-click on-select-palette :on-click on-select-palette
@ -126,7 +126,7 @@
(when (= selected id) i/tick) (when (= selected id) i/tick)
[:div.library-name (str (:name library) " " (str/ffmt "(%)" (count colors)))] [:div.library-name (str (:name library) " " (str/ffmt "(%)" (count colors)))]
[:div.color-sample [:div.color-sample
(for [[i {:keys [color]}] (map-indexed vector (take 7 colors))] (for [[i {:keys [color]}] (map-indexed vector colors)]
[:& cb/color-bullet {:key (dm/str "color-" i) [:& cb/color-bullet {:key (dm/str "color-" i)
:color color}])]])) :color color}])]]))
@ -139,7 +139,7 @@
(tr "workspace.libraries.colors.file-library") (tr "workspace.libraries.colors.file-library")
(str/ffmt " (%)" (count file-colors)))] (str/ffmt " (%)" (count file-colors)))]
[:div.color-sample [:div.color-sample
(for [[i color] (map-indexed vector (take 7 (vals file-colors)))] (for [[i color] (map-indexed vector (take 7 (->> (vals file-colors) (sort-by :name))))]
[:& cb/color-bullet {:key (dm/str "color-" i) [:& cb/color-bullet {:key (dm/str "color-" i)
:color color}])]] :color color}])]]

3
frontend/src/app/main/ui/workspace/colorpicker/libraries.cljs
View file

@ -54,12 +54,13 @@
(map #(if (map? %) % {:color %}) (reverse (or recent-colors []))) (map #(if (map? %) % {:color %}) (reverse (or recent-colors [])))
(= @selected :file) (= @selected :file)
(vals file-colors) (->> (vals file-colors) (sort-by :name))
:else ;; Library UUID :else ;; Library UUID
(as-> @selected file-id (as-> @selected file-id
(->> (get-in shared-libs [file-id :data :colors]) (->> (get-in shared-libs [file-id :data :colors])
(vals) (vals)
(sort-by :name)
(map #(assoc % :file-id file-id)))))] (map #(assoc % :file-id file-id)))))]
(reset! current-colors (into [] (filter check-valid-color?) colors)))) (reset! current-colors (into [] (filter check-valid-color?) colors))))