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') 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
-