Committed by
Gerrit Code Review
Adding drag-n-drop feedback to app install.
Change-Id: I82718d930e2121f4e6c8109a89513fa755c18141
Showing
2 changed files
with
14 additions
and
0 deletions
| ... | @@ -173,3 +173,15 @@ | ... | @@ -173,3 +173,15 @@ |
| 173 | .dark #application-details-panel .bottom tr:nth-child(even) { | 173 | .dark #application-details-panel .bottom tr:nth-child(even) { |
| 174 | background-color: #555; | 174 | background-color: #555; |
| 175 | } | 175 | } |
| 176 | + | ||
| 177 | +.dropping { | ||
| 178 | + | ||
| 179 | +} | ||
| 180 | + | ||
| 181 | +.light div.dropping { | ||
| 182 | + border: solid 3px deepskyblue; | ||
| 183 | +} | ||
| 184 | + | ||
| 185 | +.dark div.dropping { | ||
| 186 | + border: solid 3px deepskyblue; | ||
| 187 | +} | ... | ... |
| ... | @@ -407,11 +407,13 @@ | ... | @@ -407,11 +407,13 @@ |
| 407 | 407 | ||
| 408 | // When an item is dragged over the document | 408 | // When an item is dragged over the document |
| 409 | var onDragOver = function (e) { | 409 | var onDragOver = function (e) { |
| 410 | + d3.select('#frame').classed('dropping', true); | ||
| 410 | e.preventDefault(); | 411 | e.preventDefault(); |
| 411 | }; | 412 | }; |
| 412 | 413 | ||
| 413 | // When the user leaves the window, cancels the drag or drops the item | 414 | // When the user leaves the window, cancels the drag or drops the item |
| 414 | var onDragEnd = function (e) { | 415 | var onDragEnd = function (e) { |
| 416 | + d3.select('#frame').classed('dropping', false); | ||
| 415 | e.preventDefault(); | 417 | e.preventDefault(); |
| 416 | }; | 418 | }; |
| 417 | 419 | ... | ... |
-
Please register or login to post a comment