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

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 { // .border-element {
align-items: center; // align-items: center;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
margin: 5px 2% 0 2%; // margin: 5px 2% 0 2%;
svg { // svg {
fill: $color-gray-light; // fill: $color-gray-light;
height: 12px; // height: 12px;
width: 12px; // width: 12px;
} // }
&.top-left { // &.top-left {
svg { // svg {
transform: rotate(270deg); // transform: rotate(270deg);
} // }
} // }
&.bottom-left { // &.bottom-left {
svg { // svg {
transform: rotate(180deg); // transform: rotate(180deg);
} // }
} // }
&.bottom-right { // &.bottom-right {
svg { // svg {
transform: rotate(90deg); // transform: rotate(90deg);
} // }
} // }
} // }
.align-icons { .align-icons {
cursor: pointer; cursor: pointer;

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

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

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

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