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

🎉 Add tooltips to color picker tabs

Browse source
This commit is contained in:
Andrés Moya 2021-08-12 10:53:31 +02:00
parent 39bb7f209d
commit 7d202cb492
5 changed files with 45 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -291,12 +291,18 @@
:on-select-stop handle-change-stop}]
[:div.colorpicker-tabs
[:div.colorpicker-tab {:class (when (= @active-tab :ramp) "active")
:on-click (change-tab :ramp)} i/picker-ramp]
[:div.colorpicker-tab {:class (when (= @active-tab :harmony) "active")
:on-click (change-tab :harmony)} i/picker-harmony]
[:div.colorpicker-tab {:class (when (= @active-tab :hsva) "active")
:on-click (change-tab :hsva)} i/picker-hsv]]
[:div.colorpicker-tab.tooltip.tooltip-bottom.tooltip-expand
{:class (when (= @active-tab :ramp) "active")
:alt (t locale "workspace.libraries.colors.rgba")
:on-click (change-tab :ramp)} i/picker-ramp]
[:div.colorpicker-tab.tooltip.tooltip-bottom.tooltip-expand
{:class (when (= @active-tab :harmony) "active")
:alt (t locale "workspace.libraries.colors.rgb-complementary")
:on-click (change-tab :harmony)} i/picker-harmony]
[:div.colorpicker-tab.tooltip.tooltip-bottom.tooltip-expand
{:class (when (= @active-tab :hsva) "active")
:alt (t locale "workspace.libraries.colors.hsv")
:on-click (change-tab :hsva)} i/picker-hsv]]
(if picking-color?
[:div.picker-detail-wrapper