Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-10 08:50:57 -05:00
Code Issues Activity

🐛 Fix visual bugs

Browse source
This commit is contained in:
elhombretecla 2020-11-18 15:41:05 +01:00
parent a22ec43cf2
commit ceed926274
3 changed files with 17 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/resources/styles/common/framework.scss
View file

@ -373,9 +373,10 @@ ul.slider-dots {
font-size: $fs12; font-size: $fs12;
height: 20px; height: 20px;
position: absolute; position: absolute;
right: 3px; right: $small;
text-align: right;
top: 26%; top: 26%;
width: 20px; width: 18px;
} }
.after { .after {
@ -539,7 +540,7 @@ input.element-name {
@extend .input-text; @extend .input-text;
background-image: url("/images/icons/arrow-down-white.svg"); background-image: url("/images/icons/arrow-down-white.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 95% 48%; background-position: calc(100% - 4px) 48%;
background-size: 10px; background-size: 10px;
cursor: pointer; cursor: pointer;

8
frontend/resources/styles/main/partials/sidebar-element-options.scss
View file

@ -226,17 +226,17 @@
.element-set-subtitle { .element-set-subtitle {
color: $color-gray-20; color: $color-gray-20;
font-size: $fs11; font-size: $fs11;
width: 12rem; width: 64px;
} }
.lock-size { .lock-size {
cursor: pointer; cursor: pointer;
width: 20%; margin: auto;
svg { svg {
fill: $color-gray-20; fill: $color-gray-20;
height: 15px; height: 14px;
width: 15px; width: 14px;
&:hover { &:hover {
fill: $color-primary; fill: $color-primary;

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

@ -114,13 +114,6 @@
(when (options :size) (when (options :size)
[:div.row-flex [:div.row-flex
[:span.element-set-subtitle (t locale "workspace.options.size")] [:span.element-set-subtitle (t locale "workspace.options.size")]
[:div.lock-size {:class (classnames
:selected (true? proportion-lock)
:disabled (= proportion-lock :multiple))
:on-click on-proportion-lock-change}
(if proportion-lock
i/lock
i/unlock)]
[:div.input-element.width [:div.input-element.width
[:input.input-text {:type "number" [:input.input-text {:type "number"
:min "0" :min "0"
@ -138,7 +131,15 @@
:placeholder "--" :placeholder "--"
:on-click select-all :on-click select-all
:on-change on-height-change :on-change on-height-change
:value (attr->string :height values)}]]]) :value (attr->string :height values)}]]
[:div.lock-size {:class (classnames
:selected (true? proportion-lock)
:disabled (= proportion-lock :multiple))
:on-click on-proportion-lock-change}
(if proportion-lock
i/lock
i/unlock)]])
;; POSITION ;; POSITION
(when (options :position) (when (options :position)