diff options
| author | Eric Guzman | 2012-04-12 11:31:07 -0700 |
|---|---|---|
| committer | Eric Guzman | 2012-04-12 11:31:07 -0700 |
| commit | a4337391471dd73f351ad2a3b9100e5b5d10f029 (patch) | |
| tree | 01cc66c6fbdd9e3f3948d1b7f164b99d62046a9f | |
| parent | 7246efab402664c75bd0de226c0b9a91b384839b (diff) | |
| download | ninja-a4337391471dd73f351ad2a3b9100e5b5d10f029.tar.gz | |
CSS Style - Make draggable
| -rw-r--r-- | js/panels/css-panel/style.reel/style.css | 10 | ||||
| -rw-r--r-- | js/panels/css-panel/style.reel/style.html | 2 |
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> |