lightbox QA / tweaks

[csherron]

sidebar

• 'blocks w/ this url appear in' should be the last ones to load when there is a 'load more' link present - currently both show up and confuse the interface (example: https://www.are.na/block/3069486)
• on channel bar lists with the (load more) button, newly connected channels don't appear in the list after connecting
• underline + put parenthesis on "(LOAD MORE)" link
• visually, the 'load more' should be 20px higher
• make 'load more' a more plain text link, not an invisible channel bar zone
• move 'edit block' button up 20px

margins

• consistent margins for ALL media types on both slideshow and lightbox (currently the maximum sizes for all the media types are all over the place, leading to a messy slideshow experience). make sure that there's 50px of margin on all sides for all media and that no media stretches beyond that point! this is also to protect the left/right arrows, close button, exit fullscreen button (see pics)

• leave an additional 60px underneath for media with captions and vertically center the text within that area (see pic)

• full screen pdfs bleed too much atm

fullscreen / close fullscreen button

• make 32 x 32 px (instead of 40x40)
• make the fullscreen button's border gray.regular
• make the bottom+right margins 26px (align with 'x')

links in lightbox

• on links that have long urls, make the text overflow so that the url bar remains a single line high
• make the gradient on links heaver, whatever the transparency value is double it

edit block modal

• description text box font is too small, doesn't match the input font size in the title field
• make edit text box 340px tall to start with (too congested near the bottom on 13" laptop)

various

• make lightbox background opacity 98%
• try fade animation on slideshow mode? would rather wait a few seconds for something to fade in than get all the blinkiness that still occurs
• there's currently no hoverstate on lightbox links (source, find orig, share, mute etc)
• Pin caption to the bottom in fullscreen mode

[dzucconi]

@csherron Let's have a call to go over this?