aboutsummaryrefslogtreecommitdiff
path: root/js/panels/css-panel
diff options
context:
space:
mode:
authorEric Guzman2012-04-12 11:31:07 -0700
committerEric Guzman2012-04-12 11:31:07 -0700
commita4337391471dd73f351ad2a3b9100e5b5d10f029 (patch)
tree01cc66c6fbdd9e3f3948d1b7f164b99d62046a9f /js/panels/css-panel
parent7246efab402664c75bd0de226c0b9a91b384839b (diff)
downloadninja-a4337391471dd73f351ad2a3b9100e5b5d10f029.tar.gz
CSS Style - Make draggable
Diffstat (limited to 'js/panels/css-panel')
-rw-r--r--js/panels/css-panel/style.reel/style.css10
-rw-r--r--js/panels/css-panel/style.reel/style.html2
2 files changed, 11 insertions, 1 deletions
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 @@
5 </copyright> */ 5 </copyright> */
6 6
7.style-item { 7.style-item {
8
9 cursor: url(/js/../images/tools/hand_down.png), default;
8 display: block; 10 display: block;
9 overflow: hidden; 11 overflow: hidden;
10 white-space: nowrap; 12 white-space: nowrap;
11 text-overflow: ellipsis; 13 text-overflow: ellipsis;
12} 14}
15.style-item:hover {
16 background-color: #fafafa;
17 border-right: 3px double #999;
18 margin-right: 1px;
19}
13.style-item input { 20.style-item input {
14 height: 10px; 21 height: 10px;
15 width: 10px; 22 width: 10px;
@@ -25,6 +32,7 @@
25.css-property, .css-value { 32.css-property, .css-value {
26 border: 1px solid rgba(0,0,0,0); 33 border: 1px solid rgba(0,0,0,0);
27 border-radius: 2px; 34 border-radius: 2px;
35 cursor: pointer;
28 margin: 0; 36 margin: 0;
29 outline: none; 37 outline: none;
30 padding: 0 2px; 38 padding: 0 2px;
@@ -50,9 +58,11 @@
50 display: inline; 58 display: inline;
51} 59}
52.style-item .editable { 60.style-item .editable {
61 background-color: transparent;
53 border: 1px solid #999; 62 border: 1px solid #999;
54 box-shadow: 1px 1px 1px #CCC; 63 box-shadow: 1px 1px 1px #CCC;
55 color: #333; 64 color: #333;
65 cursor: text;
56 display: inline-block; 66 display: inline-block;
57 margin-right: 7px; 67 margin-right: 7px;
58 max-width: none; 68 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
66 </script> 66 </script>
67</head> 67</head>
68<body> 68<body>
69<div id="container" class="style-item" spellcheck="false"> 69<div id="container" class="style-item" spellcheck="false" draggable="true">
70 <input type="checkbox" data-montage-id="disable-checkbox"><dt data-montage-id="property" class="css-property"></dt><dd data-montage-id="value" class="css-value"></dd> 70 <input type="checkbox" data-montage-id="disable-checkbox"><dt data-montage-id="property" class="css-property"></dt><dd data-montage-id="value" class="css-value"></dd>
71</div> 71</div>
72</body> 72</body>