Merge pull request #4017 from penpot/azazeln28-bugfixes-3

🐛 Bugfixes

frontend/src/app/main/ui/components/color_bullet_new.cljs

@@ -26,7 +26,9 @@
              (^function on-click color event))))]
 
     (if (uc/multiple? color)
-      [:div {:on-click on-click :class (stl/css :color-bullet :multiple)}]
+      [:div {:class (stl/css :color-bullet :multiple)
+             :on-click on-click
+             :title (:color color)}]
       ;; No multiple selection
       (let [color    (if (string? color) {:color color :opacity 1} color)
             id       (:id color)
@@ -44,7 +46,8 @@
                   :grid-area area
                   :read-only read-only?)
           :data-readonly (str read-only?)
-          :on-click on-click}
+          :on-click on-click
+          :title (:color color)}
 
          (cond
            (some? gradient)
@@ -72,6 +75,7 @@
                       :color-text (< size 72)
                       :small-text (and (>= size 64) (< size 72))
                       :big-text   (>= size 72))
+              :title name
               :on-click on-click
               :on-double-click on-double-click}
        (if (some? image)

frontend/src/app/main/ui/components/color_bullet_new.scss

@@ -85,8 +85,9 @@
 
 .big-text {
   @include inspectValue;
+  @include twoLineTextEllipsis;
   color: var(--palette-text-color);
-  height: $s-16;
+  height: $s-28;
   text-align: center;
 }
 

frontend/src/app/main/ui/components/select.scss

@@ -28,7 +28,6 @@
 
   .current-icon {
     @include flexCenter;
-    height: $s-24;
     width: $s-24;
     padding-right: $s-4;
     svg {