FLUID-73: Drop target needs a CSS classname and Styling

Metadata

Source
FLUID-73
Type
Sub-task
Priority
Blocker
Status
Closed
Resolution
Fixed
Assignee
Joseph Scheuhammer
Reporter
Shaw-Han Liem
Created
2007-10-25T16:25:31.000-0400
Updated
2011-01-28T12:12:31.574-0500
Versions
N/A
Fixed Versions
  1. 0.1
Component
  1. Reorderer

Description

Comments

  • Shaw-Han Liem commented 2007-10-25T16:29:53.000-0400

    We need to pass a "hoverClass" into the jQuery sortable, so that we can style the drop target.

    Then we need some CSS to make it look like a "drop hint" (i.e. colored dotted line in between two images that indicates the new potential position of a dragged item).

    We may want to use an arrow that is slightly raised above the line of images and/or make it a more solid line. Visual treatment of this indicator needs to be decided from a UE perspective.

  • Joseph Scheuhammer commented 2007-11-06T16:16:16.000-0500

    With the commit for FLUID-57, the drop target is now styled using the class name "orderableDropMarker".

    Also, the tag used for the drop marker is the same as that of the orderable items. That is, if the orderables are <div> elements, the drop marker is also a <div>. If the orderables are <li> elements, the drop marker is an <li>. And so on.

  • Michelle D'Souza commented 2011-01-28T12:09:46.045-0500

    Reopening these issues to add the reorderercomponent to them.