Dashboard resizing

[RDall]

Widgets are getting re-sized with the width of the browser.

Dragging the widgets can also cause the UI to break. See Screenshot

​http://cl.ly/image/3u2K0440040N

1. When dragging the widget from the initial position no dashed lines are actually shown.

2. But when the widget snaps back to original position the dashed lines then appear and can be moved to another column.

See additional screenshot:

​http://cl.ly/image/1y392c2e3X07

[lessbloat]

Hmm... I can't seem to replicate this. What setup/browser are you using RDall?

[RDall]

Here is the setup I grabbed from ​http://supportdetails.com

Screen Resolution: 2560 x 1440

Web Browser: Firefox 25.0

Browser Size: 1759 x 1149

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:25.0) Gecko/20100101 Firefox/25.0

I was able to drag the widget to the right causing the UI to break on my 17" MBP but the resizing of the browser worked as it should because of the smaller screen I would imagine.

See Screenshot from 17" MBP here:
​http://cl.ly/image/2F3J1E3e401E

[lessbloat]

I believe 26026.diff​ will remedy this issue.

[helen]

In 26372:

Contain Dashboard widget dragging. props lessbloat. fixes #26026.

[azaozz]

Containing the postboxes to #dashboard-widgets-wrap makes them very hard to move in some cases. If you try to move the tallest postbox, it cannot be moved up or down at all making it impossible to place properly.

Containing to document fixes this.

[azaozz]

Also, the min-height of the sortable containers is not there any more. When the last postbox is dragged out, the container shrinks to 0 making it impossible to drag the postbox back in.

[lessbloat]

Replying to azaozz:

Setting containment for the postboxes to #dashboard-widgets-wrap makes them very hard to move in some cases. If you try to move the tallest postbox, it cannot be moved up or down at all making it impossible to place properly.
Setting containment to document fixes this.

Also, the min-height of the sortable containers is not there any more. When the last postbox is dragged out, the container shrinks to 0 making it impossible to drag the postbox back in.

Good catch. 26026.1.diff​ should do it then.

[azaozz]

In 26429:

Dashboard: set containment for postboxes to "document" and give empty sortables some min-height so postboxes can be dropped there. Props lessbloat, fixes #26026.