diff --git a/src/components/colorpicker/ColorPicker.css b/src/components/colorpicker/ColorPicker.css index 9732455c1..06e52d355 100644 --- a/src/components/colorpicker/ColorPicker.css +++ b/src/components/colorpicker/ColorPicker.css @@ -1,86 +1,7 @@ -.p-colorpicker { - display: inline-block; -} - -.p-colorpicker-dragging { - cursor: pointer; -} - -.p-colorpicker-overlay { - position: relative; -} - -.p-colorpicker-panel { - position: relative; - width: 193px; - height: 166px; - background-color: #323232; - border-color: #191919; -} - -.p-colorpicker-overlay-panel { - position: absolute; -} - -.p-colorpicker-preview { - width: 2em; - cursor: pointer; -} - -.p-colorpicker-panel .p-colorpicker-content { - position: relative; -} - -.p-colorpicker-panel .p-colorpicker-color-selector { - width: 150px; - height: 150px; - top: 8px; - left: 8px; - position: absolute; -} - .p-colorpicker-panel .p-colorpicker-color { - width: 150px; - height: 150px; background: transparent url("./images/color.png") no-repeat left top; } -.p-colorpicker-panel .p-colorpicker-color-handle { - position: absolute; - top: 0px; - left: 150px; - border-radius: 100%; - width: 10px; - height: 10px; - border: 1px solid #ffffff; - margin: -5px 0 0 -5px; - cursor: pointer; -} - .p-colorpicker-panel .p-colorpicker-hue { background: transparent url("./images/hue.png") no-repeat left top; - width: 17px; - height: 150px; - top: 8px; - left: 167px; - position: absolute; - opacity: .85; -} - -.p-colorpicker-panel .p-colorpicker-hue-handle { - position: absolute; - top: 150px; - left: 0px; - width: 21px; - margin-left: -2px; - margin-top: -5px; - height: 10px; - border: 2px solid #ffffff; - opacity: .85; - cursor: pointer; - } - - .p-colorpicker-panel.p-disabled .p-colorpicker-hue-handle, - .p-colorpicker-panel.p-disabled .p-colorpicker-color-handle { - opacity: .5; - } \ No newline at end of file +} \ No newline at end of file diff --git a/src/components/colorpicker/ColorPicker.vue b/src/components/colorpicker/ColorPicker.vue index f44d07780..4081e8754 100644 --- a/src/components/colorpicker/ColorPicker.vue +++ b/src/components/colorpicker/ColorPicker.vue @@ -446,4 +446,91 @@ export default { } } } - \ No newline at end of file + + + \ No newline at end of file