From de93d0404ccb9ea7c9598293c7543620c8a85bb8 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Mon, 29 Sep 2014 18:49:20 -0400 Subject: cursor on color picker --- public/assets/stylesheets/app.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) (limited to 'public/assets/stylesheets/app.css') diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index fe50b92..8f22db5 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -1262,9 +1262,20 @@ input[type="range"]::-webkit-slider-thumb { border-radius:10px; cursor:pointer; } +#color-picker { + position: relative; +} .colorPicker { cursor: crosshair; } +.colorPickerCursor { + position: absolute; + width: 8px; + height: 8px; + border: 2px solid black; + border-radius: 50%; + margin-left: -4px; +} .swatch { width: 20px; @@ -1274,10 +1285,10 @@ input[type="range"]::-webkit-slider-thumb { cursor: pointer; float:left; } -.swatch:hover { +span:hover .swatch { border: 1px solid red; } -.swatch.selected { +.active .swatch { border: 1px solid #000; } .color-swatches { -- cgit v1.2.3-70-g09d2