Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-11 23:31:21 -05:00
Code Issues Activity

🐛 Fix line cap select

Browse source
This commit is contained in:
alonso.torres 2024-01-15 17:01:19 +01:00 • committed by Andrés Moya
parent eeabeadc39
commit 339cdbec2d
13 changed files with 24 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/resources/images/cap-line-arrow.svg
View file

@ -1 +0,0 @@
<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 3h14.5M11.7 0l1 1 1.6 2-2.6 3" fill="none" stroke="#000"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 139 B

1
frontend/resources/images/cap-square-marker.svg
View file

@ -1 +0,0 @@
<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><rect rx="0" ry="0" x="10" width="6" height="6" fill="#070707"/><path d="M0 3h14.5" fill="none" stroke="#000"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 180 B

1
frontend/resources/images/cap-triangle-arrow.svg
View file

@ -1 +0,0 @@
<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 3h14.5" fill="none" stroke="#000"/><path d="M13 0l2.9 3L13 6V0z"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 147 B

2
frontend/resources/images/cap-circle-marker.svg → frontend/resources/images/icons/cap-circle-marker.svg
View file

@ -1 +1 @@
<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><rect rx="6" ry="6" x="10" width="6" height="6"/><path d="M0 3h14.5" fill="none" stroke="#000"/></svg>
<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><rect rx="6" ry="6" x="10" width="6" height="6"/><path d="M0 3h14.5" fill="none"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 165 B

After

Width:  |  Height:  |  Size: 151 B

2
frontend/resources/images/cap-diamond-marker.svg → frontend/resources/images/icons/cap-diamond-marker.svg
View file

@ -1 +1 @@
<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><rect rx="0" ry="0" x="11" y="1" transform="rotate(45 13 3)" width="4" height="4"/><path d="M0 3h14.5" fill="none" stroke="#000"/></svg>
<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><rect rx="0" ry="0" x="11" y="1" transform="rotate(45 13 3)" width="4" height="4"/><path d="M0 3h14.5" fill="none"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 199 B

After

Width:  |  Height:  |  Size: 185 B

1
frontend/resources/images/icons/cap-line-arrow.svg Normal file
View file

@ -0,0 +1 @@
<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 3h14.5M11.7 0l1 1 1.6 2-2.6 3" fill="none"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 125 B

2
frontend/resources/images/cap-round.svg → frontend/resources/images/icons/cap-round.svg
View file

@ -1 +1 @@
<svg viewBox="1863 1374 16 8" width="16" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M1879 1374h-12s-4 0-4 4 4 4 4 4h12" fill="none" stroke="#000"/></svg>
<svg viewBox="1863 1374 16 8" width="16" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M1879 1374h-12s-4 0-4 4 4 4 4 4h12" fill="none"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 166 B

After

Width:  |  Height:  |  Size: 152 B

1
frontend/resources/images/icons/cap-square-marker.svg Normal file
View file

@ -0,0 +1 @@
<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><rect rx="0" ry="0" x="10" width="6" height="6"/><path d="M0 3h14.5" fill="none"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 151 B

2
frontend/resources/images/cap-square.svg → frontend/resources/images/icons/cap-square.svg
View file

@ -1 +1 @@
<svg viewBox="1863 1407 16 8" width="16" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M1879 1407h-16v8h16" fill="none" stroke="#000"/></svg>
<svg viewBox="1863 1407 16 8" width="16" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M1879 1407h-16v8h16" fill="none"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 151 B

After

Width:  |  Height:  |  Size: 137 B

1
frontend/resources/images/icons/cap-triangle-arrow.svg Normal file
View file

@ -0,0 +1 @@
<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 3h14.5" fill="none"/><path d="M13 0l2.9 3L13 6V0z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 133 B

1
frontend/src/app/main/ui/components/select.scss
View file

@ -49,6 +49,7 @@
.separator {
margin: 0;
height: $s-12;
border-top: 1px solid $db-primary;
}
}
.checked-element {

9
frontend/src/app/main/ui/icons.cljs
View file

@ -466,6 +466,15 @@
(def ^:icon view-as-icons-refactor (icon-xref :view-as-icons-refactor))
(def ^:icon wrap-refactor (icon-xref :wrap-refactor))
(def ^:icon view-as-list-refactor (icon-xref :view-as-list-refactor))
(def ^:icon cap-line-arrow (icon-xref :cap-line-arrow))
(def ^:icon cap-triangle-arrow (icon-xref :cap-triangle-arrow))
(def ^:icon cap-square-marker (icon-xref :cap-square-marker))
(def ^:icon cap-circle-marker (icon-xref :cap-circle-marker))
(def ^:icon cap-diamond-marker (icon-xref :cap-diamond-marker))
(def ^:icon cap-round (icon-xref :cap-round))
(def ^:icon cap-square (icon-xref :cap-square))
(def ^:icon loader-pencil
(mf/html
[:svg

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

@ -123,14 +123,14 @@
stroke-caps-options
[{:value nil :label (tr "workspace.options.stroke-cap.none")}
:separator
{:value :line-arrow :label (tr "workspace.options.stroke-cap.line-arrow-short")}
{:value :triangle-arrow :label (tr "workspace.options.stroke-cap.triangle-arrow-short")}
{:value :square-marker :label (tr "workspace.options.stroke-cap.square-marker-short")}
{:value :circle-marker :label (tr "workspace.options.stroke-cap.circle-marker-short")}
{:value :diamond-marker :label (tr "workspace.options.stroke-cap.diamond-marker-short")}
{:value :line-arrow :label (tr "workspace.options.stroke-cap.line-arrow-short") :icon :cap-line-arrow}
{:value :triangle-arrow :label (tr "workspace.options.stroke-cap.triangle-arrow-short") :icon :cap-triangle-arrow}
{:value :square-marker :label (tr "workspace.options.stroke-cap.square-marker-short") :icon :cap-square-marker}
{:value :circle-marker :label (tr "workspace.options.stroke-cap.circle-marker-short") :icon :cap-circle-marker}
{:value :diamond-marker :label (tr "workspace.options.stroke-cap.diamond-marker-short") :icon :cap-diamond-marker}
:separator
{:value :round :label (tr "workspace.options.stroke-cap.round")}
{:value :square :label (tr "workspace.options.stroke-cap.square")}]
{:value :round :label (tr "workspace.options.stroke-cap.round") :icon :cap-round}
{:value :square :label (tr "workspace.options.stroke-cap.square") :icon :cap-square}]
on-cap-switch
(mf/use-callback