3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-03 20:16:03 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Update icon of locked aspect ratio

Browse source
This commit is contained in:
Belén Albeza 2024-02-20 16:25:23 +01:00
parent 918ecc7b37
commit c49d6d4ecf
4 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/resources/images/icons/detached-refactor.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M10 4.667h1.333a3.333 3.333 0 010 6.666H10m-4 0H4.667a3.333 3.333 0 010-6.666H6"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 209 B

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

@ -337,6 +337,7 @@
(def ^:icon delete-text-refactor (icon-xref :delete-text-refactor)) (def ^:icon delete-text-refactor (icon-xref :delete-text-refactor))
(def ^:icon desc-sort-refactor (icon-xref :desc-sort-refactor)) (def ^:icon desc-sort-refactor (icon-xref :desc-sort-refactor))
(def ^:icon detach-refactor (icon-xref :detach-refactor)) (def ^:icon detach-refactor (icon-xref :detach-refactor))
(def ^:icon detached-refactor (icon-xref :detached-refactor))
(def ^:icon document-refactor (icon-xref :document-refactor)) (def ^:icon document-refactor (icon-xref :document-refactor))
(def ^:icon download-refactor (icon-xref :download-refactor)) (def ^:icon download-refactor (icon-xref :download-refactor))
(def ^:icon drop-refactor (icon-xref :drop-refactor)) (def ^:icon drop-refactor (icon-xref :drop-refactor))

6
frontend/src/app/main/ui/workspace/sidebar/options/menus/measures.cljs
View file

@ -54,6 +54,8 @@
(def ^:private clip-content-icon (i/icon-xref :clip-content-refactor (stl/css :checkbox-button))) (def ^:private clip-content-icon (i/icon-xref :clip-content-refactor (stl/css :checkbox-button)))
(def ^:private play-icon (i/icon-xref :play-refactor (stl/css :checkbox-button))) (def ^:private play-icon (i/icon-xref :play-refactor (stl/css :checkbox-button)))
(def ^:private locked-icon (i/icon-xref :detach-refactor (stl/css :lock-ratio-icon)))
(def ^:private unlocked-icon (i/icon-xref :detached-refactor (stl/css :lock-ratio-icon)))
(defn select-measure-keys (defn select-measure-keys
"Consider some shapes can be drawn from bottom to top or from left to right" "Consider some shapes can be drawn from bottom to top or from left to right"
@ -416,8 +418,8 @@
:disabled (= proportion-lock :multiple)) :disabled (= proportion-lock :multiple))
:on-click on-proportion-lock-change} :on-click on-proportion-lock-change}
(if proportion-lock (if proportion-lock
i/lock-refactor locked-icon
i/unlock-refactor)]]) unlocked-icon)]])
(when (options :position) (when (options :position)
[:div {:class (stl/css :position)} [:div {:class (stl/css :position)}
[:div {:class (stl/css-case :x-position true [:div {:class (stl/css-case :x-position true

9
frontend/src/app/main/ui/workspace/sidebar/options/menus/measures.scss
View file

@ -128,15 +128,16 @@
border-radius: $br-8; border-radius: $br-8;
height: $s-32; height: $s-32;
width: $s-28; width: $s-28;
svg {
@extend .button-icon;
stroke: var(--icon-foreground);
}
&.selected { &.selected {
@extend .button-icon-selected; @extend .button-icon-selected;
} }
} }
.lock-ratio-icon {
@extend .button-icon;
stroke: var(--icon-foreground);
}
.position { .position {
@include flexRow; @include flexRow;
} }