1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-01 08:08:20 +02:00

🐛 Update icon of locked aspect ratio

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
frontend
resources/images/icons
src/app/main/ui
icons.cljs
workspace/sidebar/options/menus

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>

After

(image error) Size: 209 B

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))

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

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;
} }