Netsyms/tinyColorPicker
2
0
Fork 0
mirror of https://github.com/PitPik/tinyColorPicker synced 2025-07-06 01:24:29 -06:00
Code Issues Releases Wiki Activity

Demo enhencements

Browse Source
This commit is contained in:
peterd 2015-02-03 21:29:08 +01:00
parent 47f04c3ede
commit 6ba81a2958
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
development/screen-shot-all.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 46 KiB

6
index.html
View File

@ -249,7 +249,8 @@ window.myColorPicker = $('input.color').colorPicker({
customBG: '#222',
margin: '5px -2px',
cssAddon: // could also be in a css file instead
'.cp-color-picker{border:1px solid #999; padding:10px; background:#eee; overflow:visible;}' +
'.cp-color-picker{border:1px solid #999; padding:10px;' +
'background:#eee; overflow:visible; border-radius:3px;}' +
'.cp-color-picker:after{content:""; display:block; ' +
'position:absolute; top:-15px; left:12px; border:8px solid #eee;' +
'border-color: transparent transparent #eee}' +
@ -265,7 +266,8 @@ window.myColorPicker = $('input.color').colorPicker({
'overflow:visible; border:1px solid #999; box-sizing:border-box;' +
'background: linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);}' +
'.cp-alpha-cursor{background: #eee; border-radius: 100%;' +
'width:14px; height:14px; margin:-4px -7px; border:1px solid #666!important}'
'width:14px; height:14px; margin:-5px -7px; border:1px solid #666!important;' +
'box-shadow:inset -2px -4px 3px #ccc}'
};