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