lino.jorzick/greenlight
1
0
Fork 0
forked from External/greenlight
Code Issues Pull Requests Projects Releases Wiki Activity

Add a colour picker that is consistent across all browsers (GRN2-96) (#518)

Browse Source 
* sync

* Fix corruption

* Add back room.rb

* Line endings

* More line endings

* Add jQuery colour picker

* Remove inline styling
This commit is contained in:
shawn-higgins1
2019-05-17 12:28:58 -04:00
committed by Jesus Federico
parent 23abdb52ee
commit 4a4fcec6fb
33 changed files with 680 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
vendor/assets/stylesheets/colorpicker.scss vendored Normal file
View File

@ -0,0 +1,161 @@
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: image-url("colourPicker/colorpicker_background.png");
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: image-url("colourPicker/colorpicker_overlay.png");
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: image-url("colourPicker/colorpicker_select.gif");
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: image-url("colourPicker/colorpicker_indic.gif") left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: image-url("colourPicker/colorpicker_hex.png") top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: image-url("colourPicker/colorpicker_rgb_r.png");
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: image-url("colourPicker/colorpicker_rgb_g.png");
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: image-url("colourPicker/colorpicker_rgb_b.png");
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: image-url("colourPicker/colorpicker_hsb_h.png");
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: image-url("colourPicker/colorpicker_hsb_s.png");
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: image-url("colourPicker/colorpicker_hsb_b.png");
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: image-url("colourPicker/colorpicker_submit.png") top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}