github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-13 23:48:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix color names in palette being clipped and not breaking at dot characters

Browse Source
This commit is contained in:
Belén Albeza 2024-05-30 14:31:52 +02:00
parent 06221c37a3
commit de7880b4a2
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/main/ui/components/color_bullet.cljs
View File

@ -44,6 +44,10 @@
(some? image) (some? image)
(tr "media.image"))))) (tr "media.image")))))
(defn- breakable-color-title
[title]
(str/replace title "." ".\u200B"))
(mf/defc color-bullet (mf/defc color-bullet
{::mf/wrap [mf/memo] {::mf/wrap [mf/memo]
::mf/wrap-props false} ::mf/wrap-props false}
@ -112,4 +116,4 @@
:title name :title name
:on-click on-click :on-click on-click
:on-double-click on-double-click} :on-double-click on-double-click}
(or name color (uc/gradient-type->string (:type gradient)))]))) (breakable-color-title (or name color (uc/gradient-type->string (:type gradient))))])))

1
frontend/src/app/main/ui/components/color_bullet.scss
View File

@ -86,6 +86,7 @@
.big-text { .big-text {
@include inspectValue; @include inspectValue;
@include twoLineTextEllipsis; @include twoLineTextEllipsis;
line-height: 1;
color: var(--palette-text-color); color: var(--palette-text-color);
height: $s-28; height: $s-28;
text-align: center; text-align: center;