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

add fill element color-picker

Browse source
This commit is contained in:
Juan de la Cruz 2016-01-12 15:04:51 +01:00
parent e9dce3ff2f
commit 851eff897e
4 changed files with 29 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/uxbox/ui/workspace/options.cljs
View file

@ -64,6 +64,12 @@
[:div.element-set-content
;; SLIDEBAR FOR ROTATION AND OPACITY
[:span "Color"]
[:div.element-color-picker
[:div.color-picker-body
[:img {:src "images/color-gamma.png", :border "none"}]]
[:div.color-picker-bar
[:div.color-bar-select]
[:img {:src "images/color-bar.png", :border "none"}]]]
[:div.row-flex
[:input#width.input-text
{:placeholder "#"
@ -184,5 +190,3 @@
{:render element-opts-render
:name "element-opts"
:mixins [rum/reactive (mx/local {})]}))

BIN
resources/public/images/color-bar.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 256 B

BIN
resources/public/images/color-gamma.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

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

@ -204,3 +204,26 @@
}
}
}
.element-color-picker {
align-items: center;
display: flex;
height: 160px;
margin: 0 4px;
.color-picker-body {
height: 100%;
margin-right: 15px;
}
.color-picker-bar {
height: 100%;
padding: relative;
width: 15px;
.color-bar-select {
background-color: $color-white;
height: 3px;
position: absolute;
width: 15px;
top: 30%;
}
}
}