Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-23 06:58:58 -05:00
Code Issues 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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGES.md
View file

@ -4,6 +4,7 @@
### :sparkles: New features
- Add tooltips to color picker tabs [Taiga #1814](https://tree.taiga.io/project/penpot/us/1814).
- Allow to zoom with ctrl + middle button [Taiga #1428](https://tree.taiga.io/project/penpot/us/1428).
- Auto placement of duplicated objects [Taiga #1386](https://tree.taiga.io/project/penpot/us/1386).
- Enable penpot SVG metadata only when exporting complete files [Taiga #1914](https://tree.taiga.io/project/penpot/us/1914?milestone=295883).

8
frontend/resources/styles/common/framework.scss
View file

@ -975,6 +975,14 @@ input[type=range]:focus::-ms-fill-upper {
}
}
&.tooltip-expand {
&:hover {
&::after {
min-width: 100%;
}
}
}
&.tooltip-bottom-left {
&:hover {
&::after {

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

12
frontend/translations/en.po
View file

@ -1849,6 +1849,18 @@ msgstr "Recent colors"
msgid "workspace.libraries.colors.save-color"
msgstr "Save color style"
#: src/app/main/ui/workspace/colorpicker.cljs
msgid "workspace.libraries.colors.rgba"
msgstr "RGBA"
#: src/app/main/ui/workspace/colorpicker.cljs
msgid "workspace.libraries.colors.rgb-complementary"
msgstr "RGB Complementary"
#: src/app/main/ui/workspace/colorpicker.cljs
msgid "workspace.libraries.colors.hsv"
msgstr "HSV"
#: src/app/main/ui/workspace/colorpalette.cljs
msgid "workspace.libraries.colors.small-thumbnails"
msgstr "Small thumbnails"

12
frontend/translations/es.po
View file

@ -1843,6 +1843,18 @@ msgstr "Colores recientes"
msgid "workspace.libraries.colors.save-color"
msgstr "Guardar estilo de color"
#: src/app/main/ui/workspace/colorpicker.cljs
msgid "workspace.libraries.colors.rgba"
msgstr "RGBA"
#: src/app/main/ui/workspace/colorpicker.cljs
msgid "workspace.libraries.colors.rgb-complementary"
msgstr "RGB Complementario"
#: src/app/main/ui/workspace/colorpicker.cljs
msgid "workspace.libraries.colors.hsv"
msgstr "HSV"
#: src/app/main/ui/workspace/colorpalette.cljs
msgid "workspace.libraries.colors.small-thumbnails"
msgstr "Miniaturas pequeñas"