mirror of
https://github.com/penpot/penpot.git
synced 2025-08-06 07:48:32 +02:00
fixing color piker css and adding colopicker lightbox base
This commit is contained in:
parent
b4dd70286d
commit
aaaafb46f5
2 changed files with 8 additions and 1 deletions
|
@ -216,11 +216,12 @@
|
||||||
}
|
}
|
||||||
.color-picker-bar {
|
.color-picker-bar {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: relative;
|
position: relative;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
.color-bar-select {
|
.color-bar-select {
|
||||||
background-color: $color-white;
|
background-color: $color-white;
|
||||||
height: 3px;
|
height: 3px;
|
||||||
|
left: -1px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
top: 30%;
|
top: 30%;
|
||||||
|
|
|
@ -188,6 +188,12 @@
|
||||||
:on-change on-change
|
:on-change on-change
|
||||||
:value (or (:hex @local) color "")
|
:value (or (:hex @local) color "")
|
||||||
:type "text"}]]
|
:type "text"}]]
|
||||||
|
[: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"}]]]
|
||||||
(colorpicker #(swap! local merge %))
|
(colorpicker #(swap! local merge %))
|
||||||
[:input#project-btn.btn-primary
|
[:input#project-btn.btn-primary
|
||||||
{:value "+ Add color"
|
{:value "+ Add color"
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue