From 7246efab402664c75bd0de226c0b9a91b384839b Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Wed, 11 Apr 2012 16:45:23 -0700
Subject: CSS Style - Add disabled UI state. Added Hintable and editable UI
 state.

---
 js/panels/css-panel/style.reel/style.css | 32 +++++++++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

(limited to 'js/panels/css-panel/style.reel/style.css')

diff --git a/js/panels/css-panel/style.reel/style.css b/js/panels/css-panel/style.reel/style.css
index 4673ab69..9a877b5d 100644
--- a/js/panels/css-panel/style.reel/style.css
+++ b/js/panels/css-panel/style.reel/style.css
@@ -5,11 +5,23 @@
  </copyright> */
 
 .style-item {
+    display: block;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
-
+.style-item input {
+    height: 10px;
+    width: 10px;
+    margin: 0 6px;
+    visibility: hidden;
+}
+.style-item:hover input, .style-item-disabled input {
+    visibility: visible;
+}
+.style-item-disabled {
+    opacity: .5;
+}
 .css-property, .css-value {
     border: 1px solid rgba(0,0,0,0);
     border-radius: 2px;
@@ -17,6 +29,9 @@
     outline: none;
     padding: 0 2px;
 }
+.css-property:hover, .css-value:hover {
+    background-color: #FFDECC;
+}
 .css-property:after {
     color: #333;
     content: ":";
@@ -33,4 +48,19 @@
 }
 .css-value {
     display: inline;
+}
+.style-item .editable {
+    border: 1px solid #999;
+    box-shadow: 1px 1px 1px #CCC;
+    color: #333;
+    display: inline-block;
+    margin-right: 7px;
+    max-width: none;
+    overflow: visible;
+    -webkit-user-select: text;
+}
+.style-item .editable:after {
+    position: relative;
+    margin-right: -7px;
+    right: -1px;
 }
\ No newline at end of file
-- 
cgit v1.2.3