From d5545fadaf5de433516e00a9b40097f8bf5b9f9c Mon Sep 17 00:00:00 2001 From: "alonso.torres" Date: Wed, 23 Sep 2020 13:07:42 +0200 Subject: [PATCH] :bug: Fixes small problem with palette styles --- frontend/resources/styles/main/partials/color-palette.scss | 5 +++++ frontend/src/app/main/ui/workspace/colorpalette.cljs | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/frontend/resources/styles/main/partials/color-palette.scss b/frontend/resources/styles/main/partials/color-palette.scss index 5ee0c1f91..900915628 100644 --- a/frontend/resources/styles/main/partials/color-palette.scss +++ b/frontend/resources/styles/main/partials/color-palette.scss @@ -179,6 +179,11 @@ .color-text { color: $color-gray-20; font-size: $fs12; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 66px; + text-align: center; } &.current { .color { diff --git a/frontend/src/app/main/ui/workspace/colorpalette.cljs b/frontend/src/app/main/ui/workspace/colorpalette.cljs index a747a3d55..5b9ad9f24 100644 --- a/frontend/src/app/main/ui/workspace/colorpalette.cljs +++ b/frontend/src/app/main/ui/workspace/colorpalette.cljs @@ -63,7 +63,7 @@ :key (or (str (:id color)) (:value color)) :on-click select-color} [:span.color {:style {:background (:value color)}}] - (when (= size :big) [:span.color-text (or (:name color) (:value color))])])) + (when (= size :big) [:span.color-text {:title (:name color) } (or (:name color) (:value color))])])) (mf/defc palette [{:keys [left-sidebar? current-colors recent-colors file-colors shared-libs selected size]}]