From 0a4672001ac5122c512087779e57dc07de4ec1b7 Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Thu, 12 Apr 2012 11:31:39 -0700
Subject: CSS Style Rule - Make selector editable
---
.../css-style-rule.reel/css-style-rule.css | 21 +++++++++++++++++++++
.../css-style-rule.reel/css-style-rule.html | 7 ++++---
2 files changed, 25 insertions(+), 3 deletions(-)
(limited to 'js/panels/css-panel/rule-components/css-style-rule.reel')
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
diff --git a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html
index de64f81f..1042d29e 100644
--- a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html
+++ b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html
@@ -33,9 +33,10 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
}
},
"selector": {
- "module": "montage/ui/dynamic-text.reel",
- "name" : "DynamicText",
+ "module": "js/components/hintable.reel",
+ "name" : "Hintable",
"properties": {
+ "startOnEvent": "click",
"element": {"#": "rule-selector"}
},
"bindings": {
@@ -64,7 +65,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
-
+