1376699 - The "See Also" section in wiki pages could use the drawer treatment to give code examples more space

Status: RESOLVED WORKSFORME

(developer.mozilla.org Graveyard :: Wiki pages, enhancement)

Description

[praveenpuglia]

What feature should be changed? Please provide the URL of the feature if possible.
==================================================================================
The "See Also" section in docs in pages like https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce#Flatten_an_array_of_arrays

What problems would this solve?
===============================
This will give more space for code examples on the main content which currently seems tight.

Who would use this?
===================
everybody

What would users see?
=====================
They'll see a cleaner content when they want. The "See Also" bar doesn't need to be present all the time.

What would users do? What would happen as a result?
===================================================
Bigger space, lesser horizontal scrolls on different docs pages, less vertical scroll. 

Is there anything else we should know?
======================================

Comment 1

[Kadir Topal [:atopal]]

Sorry, I don't follow. Can you elaborate on what you mean with the "drawer treatment"? The "see also" section you link to has only one line of text, but your link is to an example.

Stephanie, I'm not sure this is related to the new design, maybe I'm missing something?

Comment 2

[praveenpuglia]

Hi,

What I mean is that every documentation page has a "See Also" section which shows a list of related pages that a user can go to and check.


This section takes up space on the left side of the screen and effectively reducing the amount of space the main section gets. This is a little bit more problematic since the font sizes in the new design seem overall bigger.

I was thinking if we can toggle the "See Also" section via a button like a material design drawer so that the main section of the current page gets more space on left.


Here's a rough mock.

http://imgur.com/a/LTLA7

In the second image, the see also section doesn't exist. Instead a button can be put up so users can toggle that section.

Comment 3

[Kadir Topal [:atopal]]

Oh, got it. The second phase of the redesign will tackle the article page itself, and it will probably be a two column layout instead of the current 3 column one.

Comment 4

[Florian Scholz (Open Web Docs)]

We now use a 2 column layout :)