mirror of
https://github.com/penpot/penpot.git
synced 2025-03-13 16:21:57 -05:00
🐛 Fix UI of clip content + show in viewer icons
This commit is contained in:
parent
4097dec5a4
commit
c484c0d667
2 changed files with 20 additions and 19 deletions
|
@ -52,6 +52,9 @@
|
|||
:svg-raw #{:size :position :rotation}
|
||||
:text #{:size :position :rotation}})
|
||||
|
||||
(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)))
|
||||
|
||||
(defn select-measure-keys
|
||||
"Consider some shapes can be drawn from bottom to top or from left to right"
|
||||
[shape]
|
||||
|
@ -543,8 +546,7 @@
|
|||
:title (tr "workspace.options.clip-content")
|
||||
:class (stl/css-case :clip-content-label true
|
||||
:selected (not (:show-content values)))}
|
||||
[:span {:class (stl/css :icon)}
|
||||
i/clip-content-refactor]]])
|
||||
clip-content-icon]])
|
||||
(when (options :show-in-viewer)
|
||||
[:div {:class (stl/css :show-in-viewer)}
|
||||
[:input {:type "checkbox"
|
||||
|
@ -559,4 +561,4 @@
|
|||
:class (stl/css-case :clip-content-label true
|
||||
:selected (not (:hide-in-viewer values)))}
|
||||
[:span {:class (stl/css :icon)}
|
||||
i/play-refactor]]])])]))
|
||||
play-icon]]])])]))
|
||||
|
|
|
@ -219,20 +219,19 @@
|
|||
.clip-content-input {
|
||||
display: none;
|
||||
}
|
||||
.clip-content-label {
|
||||
@extend .button-tertiary;
|
||||
height: $s-32;
|
||||
width: $s-28;
|
||||
border-radius: $br-8;
|
||||
.icon {
|
||||
@include flexCenter;
|
||||
svg {
|
||||
@extend .button-icon;
|
||||
stroke: var(--icon-foreground);
|
||||
}
|
||||
}
|
||||
&.selected {
|
||||
@extend .button-icon-selected;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.clip-content-label {
|
||||
@extend .button-tertiary;
|
||||
height: $s-32;
|
||||
width: $s-28;
|
||||
border-radius: $br-8;
|
||||
}
|
||||
|
||||
.selected {
|
||||
@extend .button-icon-selected;
|
||||
}
|
||||
|
||||
.checkbox-button {
|
||||
@extend .button-icon;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue