Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-12 15:51:37 -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-top (= (:over dprops) :top)
:dnd-over-bot (= (:over dprops) :bot)) :dnd-over-bot (= (:over dprops) :bot))
:ref dref} :ref dref}
[:span {:class (stl/css :color-info)} [:div {:class (stl/css :color-info)}
[:span {:class (stl/css-case :color-name-wrapper true [:div {:class (stl/css-case :color-name-wrapper true
:no-opacity (or disable-opacity :no-opacity (or disable-opacity
(not opacity?)) (not opacity?))
:library-name-wrapper library-color? :library-name-wrapper library-color?
:editing editing-text? :editing editing-text?
:gradient-name-wrapper gradient-color?)} :gradient-name-wrapper gradient-color?)}
[:span {:class (stl/css :color-bullet-wrapper)} [:div {:class (stl/css :color-bullet-wrapper)}
[:& cbn/color-bullet {:color (cond-> color [:& cbn/color-bullet {:color (cond-> color
(nil? color-name) (assoc (nil? color-name) (assoc
:id nil :id nil

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

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