942396 - Completely fill "See & submit demos" section

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Design, defect, P1)

Description

[John Karahalis [:openjck]]

Only four demos are shown in the "See & submit demos" section of the homepage.
http://i.imgur.com/jrC5eMv.png

To me, the section looks incomplete. I think it would look better if it were completely filled with demos.

Not exactly sure how we would achieve this. I experimented with a couple of different approaches:

1. Fade the horizontal list out. Looks pretty bad.
   http://i.imgur.com/n36ZtvU.png
2. Hide overflow and let demos that don't fit just "fall out" of the list.
   Still not great, but maybe doable.
   http://i.imgur.com/5SYKprM.png

Thoughts?

Comment 1

[John Karahalis [:openjck]]

And then of course there is what we do now: make the demos wrap. But I feel that also leaves the section looking incomplete.

http://i.imgur.com/qsqfy8N.png

Comment 2

[ali spivak]

Not necessarily a blocker, but it would be really good to fix this ASAP

Comment 3

[Luke Crouch [:groovecoder]]

See https://github.com/mozilla/kuma/pull/1936

Comment 4

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/8a77944a90190a0893b955038cc1ec73ec3846a5
fix bug 942396 - Create slider for MDN homepage demos

https://github.com/mozilla/kuma/commit/c572fcbd410b86a5993242315bffebe986bdb505
Merge pull request #1936 from darkwing/home-demo-scroller-3

fix bug 942396 - Create slider for MDN homepage demos