From a4337391471dd73f351ad2a3b9100e5b5d10f029 Mon Sep 17 00:00:00 2001 From: Eric Guzman Date: Thu, 12 Apr 2012 11:31:07 -0700 Subject: CSS Style - Make draggable --- js/panels/css-panel/style.reel/style.css | 10 ++++++++++ js/panels/css-panel/style.reel/style.html | 2 +- 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/js/panels/css-panel/style.reel/style.css b/js/panels/css-panel/style.reel/style.css index 9a877b5d..afcb7ca4 100644 --- a/js/panels/css-panel/style.reel/style.css +++ b/js/panels/css-panel/style.reel/style.css @@ -5,11 +5,18 @@ */ .style-item { + + cursor: url(/js/../images/tools/hand_down.png), default; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } +.style-item:hover { + background-color: #fafafa; + border-right: 3px double #999; + margin-right: 1px; +} .style-item input { height: 10px; width: 10px; @@ -25,6 +32,7 @@ .css-property, .css-value { border: 1px solid rgba(0,0,0,0); border-radius: 2px; + cursor: pointer; margin: 0; outline: none; padding: 0 2px; @@ -50,9 +58,11 @@ display: inline; } .style-item .editable { + background-color: transparent; border: 1px solid #999; box-shadow: 1px 1px 1px #CCC; color: #333; + cursor: text; display: inline-block; margin-right: 7px; max-width: none; diff --git a/js/panels/css-panel/style.reel/style.html b/js/panels/css-panel/style.reel/style.html index 6cecf43e..587dedb5 100644 --- a/js/panels/css-panel/style.reel/style.html +++ b/js/panels/css-panel/style.reel/style.html @@ -66,7 +66,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
-