Collapse TOC when it's on top of content

RESOLVED FIXED

Status

developer.mozilla.org
Design
RESOLVED FIXED
5 years ago
5 years ago

People

(Reporter: Jeremie, Unassigned)

Tracking

Details

Attachments

(1 attachment)

(Reporter)

Description

5 years ago
Created attachment 803835 [details]
screenshot 960px in width

On small window ratio, the TOC is placed on top of content rather than on the right column. On some pages that TOC is very long. Would it be possible to collapse it by default ?
Need to block the beta launch. We can't get any relevant feedback on small form factor without this fixed.

Updated

5 years ago
Blocks: 927422

Updated

5 years ago
No longer blocks: 910513
I think the TOC is no more collapsable, David can you confirm?
Flags: needinfo?(dwalsh)
The TOC auto-collapses.  IMO, this should be RESOLVED:FIXED.
Flags: needinfo?(dwalsh)
Agreed. Jeremie: if you could double check, it would be nice.
Status: NEW → RESOLVED
Last Resolved: 5 years ago
Resolution: --- → FIXED
(Reporter)

Comment 5

5 years ago
Yes, but no :-/

Thanks for the auto collapse, however the collapse is done once the page is load and it is animated. I found this very disturbing as I'm already reading the content and suddenly the page is changing.

Would it be possible to have it collapse sooner and without any animation (using some CSS based on the same MQ that change the positioning for example).

I reopen the bug for that, let me know if you prefer another bug to follow up.
Status: RESOLVED → REOPENED
Resolution: FIXED → ---
So here's the issue.  I don't want to assume the user has JS so there will be a very short change in content structure.  HOWEVER, I could remove the animation duration but that would look bad.  I think having the toggleable items gracefully slide up shows users that they can expand/collapse said items and that it will be done in a stylish manner.
Status: REOPENED → RESOLVED
Last Resolved: 5 years ago5 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.