FLUID-3754: Investigate redesigning the various reorderer demos

Description

Attachments

• 
• FLUID-3754-layout-reorderer.patch.txt
• FLUID-3754-layout-reorderer-2.patch.txt
• FLUID-3754-layout-reorderer-3.patch.txt
• FLUID-3754-layout-reorderer-4.patch.txt
• FLUID-3754-layout-reorderer-5.patch
• FLUID-3754-layout-reorderer-6.patch.txt
• FLUID-3754-layout-reorderer-7.patch
• FLUID-3754-list-reorderer.patch.txt
• FLUID-3754-list-reorderer-2.patch.txt
• FLUID-3754-list-reorderer-3.patch.txt
• 
• 
• 
• 
• 
• 

Comments

• Jonathan Hung commented 2010-10-29T14:14:43.573-0400

  New designs for list and layout reorderers.

• Jonathan Hung commented 2010-11-01T15:14:53.454-0400

  Updated designs

• Jonathan Hung commented 2010-11-04T10:07:29.341-0400

  Clarified styling for list reorderer.

• Harris Wong commented 2010-11-04T10:38:39.932-0400

  Patch for the list-reorderer demo, designed according to the http://issues.fluidproject.org/secure/attachment/11287/list-reorderer.png.

• Harris Wong commented 2010-11-04T13:35:50.077-0400

  Disregard the first patch. This 2nd patch changed the 'fl-' prefix to 'demo-', and declared them to the listReorderer.js accordingly. Also took out "!important" from the css; and added "filter: alpha" for opacity fix for IE.

• Harris Wong commented 2010-11-04T13:40:45.280-0400

  changed comment in css

• Justin Obara commented 2010-11-04T13:56:59.702-0400

  Reviewed and committed Harris' patch ( FLUID-3754-list-reorderer-3.patch.txt ) which updates the list reorderer demo to the latest wireframe.

• Jonathan Hung commented 2010-11-04T14:03:36.926-0400

  icons for layout reorderer.

• Harris Wong commented 2010-11-04T17:29:02.903-0400

  The patch for the layout reorderer demo. The images(info.png, locked.png, move.png) are attached with the jira. Each module has 3 divs so that I can create the dragbar and the content below it. As a result, the css became less simple. Please let me know if there can be any improvements on this. Thanks.

• Harris Wong commented 2010-11-05T10:56:08.703-0400

  image automatically scales by the width of the module; changed avatar internal divs' visibility to hidden, so all elements are automatically hidden; tested on chrome, ie8, ff3

• Harris Wong commented 2010-11-05T14:14:22.237-0400

  • code reviewed with Justin, changed some markups, added the skiplink, disabled "a" default event.

• Justin Obara commented 2010-11-08T10:10:57.915-0500

  On the work list Jonathan stated that the list reorderer should enable wrapping, while the layout reorderer should have it disabled.
  http://fluidproject.org/pipermail/fluid-work/2010-November/007233.html

• Harris Wong commented 2010-11-08T14:28:54.994-0500

  Took out hover effect, added no warp on the reorderer, fixed the border padding issue.

• Jonathan Hung commented 2010-11-08T15:12:46.706-0500

  Added changes to portlet contents.

• Harris Wong commented 2010-11-08T17:00:13.122-0500

  • Applied Jonathan's content changes.
  • Now passes JSLint test, changed tabs to spaces
  • Changed some padding units "em" to "px" because of browser calculation differences. (Justin: please let me know if you still experience a shift when you click on the portlets. I tested on Chrome, FF3, IE8, seems ok on my machine, thanks!)

• Justin Obara commented 2010-11-10T12:46:03.255-0500

  committed Harris' patch ( FLUID-3754-layout-reorderer-6.patch.txt ) which implements the new layout reorderer demo

• Jonathan Hung commented 2010-11-16T11:32:59.312-0500

  Reopened for code clean-up.

• Jonathan Hung commented 2010-11-19T14:45:30.816-0500

  Mark-up cleanup and adding new images.

• Jonathan Hung commented 2010-11-19T15:17:44.529-0500

  Regarding FLUID-3754-layout-reorderer-7.patch, the files RedApple.jpg and banana.jpg should be saved to the demo's ./images/ directory.

• Justin Obara commented 2010-11-24T16:29:49.289-0500

  Reviewed Jonathan's latest commit. Made a minor commit to the css which was just about updating a comment and improving readability.