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 color th to options

Browse source
This commit is contained in:
elhombretecla 2016-04-23 11:42:17 +02:00 committed by Andrey Antukh
parent e523d2d0dc
commit a779369185
No known key found for this signature in database
GPG key ID: 4DFEBCB8316A8B95
3 changed files with 33 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/styles/dependencies/helpers.scss
View file

@ -29,7 +29,7 @@ $br-big: 8px;
.row-flex {
align-items: center;
display: flex;
margin-bottom: $x-small;
margin-bottom: $small;
&.column {
flex-direction: column;

25
resources/styles/partials/colorpicker.scss
View file

@ -98,3 +98,28 @@
background-color: white;
}
}
/* NEW COLOR PICKER */
/* color th */
.color-data {
align-items: center;
display: flex;
margin-bottom: $x-small;
position: relative;
.color-info {
border: 1px solid $soft-ui-border;
border-radius: $br-small;
margin: 3px 0 0 $x-small;
padding: 0 $x-small;
}
.type {
color: $soft-ui-text;
margin-right: $x-small;
}
.number {
color: $intense-ui-text;
}
}

7
src/uxbox/ui/workspace/sidebar/options.cljs
View file

@ -132,6 +132,13 @@
:value (:stroke shape "")
:on-change on-color-change}]]
;; NEW COLOR PICKER
[:div.row-flex.color-data
[:span.color-th]
[:div.color-info
[:span.type "#"]
[:span.number "F1F1F1"]]]
(recent-colors shape #(change-stroke {:color %}))
;; SLIDEBAR FOR ROTATION AND OPACITY