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

add correct border radius inputs

Browse source
This commit is contained in:
Juan de la Cruz 2016-01-25 19:54:28 +01:00
parent 1d205384fc
commit 6aef94418b
3 changed files with 29 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
resources/public/styles/partials/element-options.scss
View file

@ -162,32 +162,32 @@
}
}
.border-element {
align-items: center;
display: flex;
flex-direction: column;
margin: 5px 2% 0 2%;
svg {
fill: $color-gray-light;
height: 12px;
width: 12px;
}
&.top-left {
svg {
transform: rotate(270deg);
}
}
&.bottom-left {
svg {
transform: rotate(180deg);
}
}
&.bottom-right {
svg {
transform: rotate(90deg);
}
}
}
// .border-element {
// align-items: center;
// display: flex;
// flex-direction: column;
// margin: 5px 2% 0 2%;
// svg {
// fill: $color-gray-light;
// height: 12px;
// width: 12px;
// }
// &.top-left {
// svg {
// transform: rotate(270deg);
// }
// }
// &.bottom-left {
// svg {
// transform: rotate(180deg);
// }
// }
// &.bottom-right {
// svg {
// transform: rotate(90deg);
// }
// }
// }
.align-icons {
cursor: pointer;

1
resources/public/styles/partials/settings-bar.scss
View file

@ -241,6 +241,7 @@
.element-actions {
align-items: center;
display: flex;
flex-shrink: 0;
width: 62px;
}

14
src/uxbox/ui/workspace/options.cljs
View file

@ -103,19 +103,9 @@
(recent-colors shape #(change-stroke {:color %}))
[:span "Border radius"]
[:div.row-flex
[:div.border-element.top-left
i/radius
[:input.input-text {:type "text" :placeholder "px"}]]
[:div.border-element.top-right
i/radius
[:input.input-text {:type "text" :placeholder "px"}]]
[:input.input-text {:type "text" :placeholder "rx"}]
[:span.lock-size i/lock]
[:div.border-element.bottom-left
i/radius
[:input.input-text {:type "text" :placeholder "px"}]]
[:div.border-element.bottom-right
i/radius
[:input.input-text {:type "text" :placeholder "px"}]]]
[:input.input-text {:type "text" :placeholder "ry"}]]
;; SLIDEBAR FOR ROTATION AND OPACITY
[:span "Opacity"]