3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-01 22:31:39 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix stroke cap dropdown

Browse source
This commit is contained in:
Eva Marco 2024-03-26 16:55:50 +01:00
parent 6a0768b490
commit af5d05b460
2 changed files with 15 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/main/ui/workspace/sidebar/options/rows/stroke_row.cljs
View file

@ -196,6 +196,7 @@
[:div {:class (stl/css :cap-select)} [:div {:class (stl/css :cap-select)}
[:& select [:& select
{:default-value (:stroke-cap-start stroke) {:default-value (:stroke-cap-start stroke)
:dropdown-class (stl/css :stroke-cap-dropdown-start)
:options stroke-caps-options :options stroke-caps-options
:on-change on-caps-start-change}]] :on-change on-caps-start-change}]]
@ -206,5 +207,6 @@
[:div {:class (stl/css :cap-select)} [:div {:class (stl/css :cap-select)}
[:& select [:& select
{:default-value (:stroke-cap-end stroke) {:default-value (:stroke-cap-end stroke)
:dropdown-class (stl/css :stroke-cap-dropdown)
:options stroke-caps-options :options stroke-caps-options
:on-change on-caps-end-change}]]])])) :on-change on-caps-end-change}]]])]))

13
frontend/src/app/main/ui/workspace/sidebar/options/rows/stroke_row.scss
View file

@ -23,6 +23,19 @@
.cap-select { .cap-select {
width: $s-124; width: $s-124;
} }
.stroke-cap-dropdown,
.stroke-cap-dropdown-start {
min-width: $s-124;
width: fit-content;
max-width: $s-252;
right: 0;
left: unset;
}
.stroke-cap-dropdown-start {
left: 0;
right: unset;
}
.swap-caps-btn { .swap-caps-btn {
@extend .button-secondary; @extend .button-secondary;
height: $s-32; height: $s-32;