CSS Style Rule - Make selector editable

1 files changed, 21 insertions, 0 deletions

diff --git a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.css b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.css
index 3ec8901a..6918e695 100644
--- a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.css
+++ b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.css
@@ -25,4 +25,25 @@
     right: 8px;
     text-decoration: none;
     font-family: "Droid Sans", sans-serif;
+}
+.css-style-rule-item .nj-css-selector {
+    position: relative;
+    border: 1px solid rgba(0,0,0,0);
+}
+.css-style-rule-item .nj-css-selector.editable {
+    border: 1px solid #999;
+    border-radius: 3px;
+    box-shadow: 1px 1px 1px #CCC;
+    color: #333;
+    display: inline-block;
+    margin-right: 7px;
+    max-width: none;
+    overflow: visible;
+    -webkit-user-select: text;
+}
+.css-style-rule-item .nj-css-selector:after {
+    position: absolute;
+
+    right: -10px;
+
 }
\ No newline at end of file