Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-12 07:41:43 -05:00
Code Issues Activity

🐛 Fix ellipsis on color row

Browse source
This commit is contained in:
Xaviju 2024-02-15 15:02:14 +01:00
parent 9e527e4007
commit 4acc98749c
2 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs
View file

@ -193,14 +193,14 @@
:dnd-over-top (= (:over dprops) :top)
:dnd-over-bot (= (:over dprops) :bot))
:ref dref}
[:span {:class (stl/css :color-info)}
[:span {:class (stl/css-case :color-name-wrapper true
:no-opacity (or disable-opacity
(not opacity?))
:library-name-wrapper library-color?
:editing editing-text?
:gradient-name-wrapper gradient-color?)}
[:span {:class (stl/css :color-bullet-wrapper)}
[:div {:class (stl/css :color-info)}
[:div {:class (stl/css-case :color-name-wrapper true
:no-opacity (or disable-opacity
(not opacity?))
:library-name-wrapper library-color?
:editing editing-text?
:gradient-name-wrapper gradient-color?)}
[:div {:class (stl/css :color-bullet-wrapper)}
[:& cbn/color-bullet {:color (cond-> color
(nil? color-name) (assoc
:id nil

3
frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.scss
View file

@ -28,6 +28,7 @@
height: $s-32;
width: 100%;
flex-grow: 1;
min-width: 0;
&:hover {
--detach-icon-foreground-color: var(--input-foreground-color-active);
@ -55,6 +56,8 @@
padding: 0 $s-2 0 $s-8;
border-radius: $br-8 0 0 $br-8;
background-color: transparent;
display: flex;
align-items: center;
&:hover {
background-color: transparent;
}