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

✨ Show color hex or name on hover

Browse source
This commit is contained in:
Alejandro Alonso 2022-01-11 08:47:14 +01:00 • committed by Alonso Torres
parent d8311ac3fa
commit 04f5a6a9f9
4 changed files with 19 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/app/main/ui/components/color_bullet.cljs
View file

@ -16,8 +16,9 @@
;; No multiple selection
(let [color (if (string? color) {:color color :opacity 1} color)]
[:div.color-bullet {:class (when (:id color) "is-library-color")
:on-click #(when on-click (on-click %))}
[:div.color-bullet.tooltip.tooltip-right {:class (when (:id color) "is-library-color")
:on-click #(when on-click (on-click %))
:alt (or (:name color) (:color color))}
(when (not (:gradient color))
[:div.color-bullet-left {:style {:background (uc/color->background (assoc color :opacity 1))}}])
@ -36,4 +37,4 @@
(when (or (not size) (= size :big))
[:span.color-text {:on-click #(when on-click (on-click %))
:on-double-click #(when on-double-click (on-double-click %))
:title name } color-str])))
:title name} color-str])))