Page Operations
Browse Space
Updated Mockups for Lightbox Component (Drag and Drop)
These mockups have been updated to reflect the current design for the lightbox. Older versions of this design are archived as attachments to this page.
2. Initial view of lightbox
2. Image being dragged.
The drag avatar is a copy of the original element, and has a new CSS class. The drag avatar and original image can be styled independently (in this example, the original image is styled at half opacity)
3. Drop Target.
The drop target indicator is a separate DIV that is positioned in between two elements. This DIV has a CSS classname which allows it o be styled (in this example, as a red dotted line).
