If you think a bug might affect users in the 57 release, please set the correct tracking and status flags for Release Management.

Support formatting of asides as sidebars

RESOLVED FIXED

Status

Mozilla Developer Network
General
RESOLVED FIXED
4 years ago
4 years ago

People

(Reporter: Janet Swisher, Assigned: davidwalsh)

Tracking

Details

(Whiteboard: [specification][type:feature])

(Reporter)

Description

4 years ago
What problems would this solve?
===============================
Sometimes MDN authors have tangential content that is longer than a "callout", but not big enough to be a separate article, or is best viewed along with the main article.

The "aside" element is appropriate for this type of content. In the context of MDN, it makes sense to format asides as sidebars.

An example of where this could be applied (which currently uses table layout):
https://developer.mozilla.org/en-US/docs/L20n#What_L20n_looks_like

Who would use this?
===================
MDN authors would use it, though hopefully sparingly. 



What would users see?
=====================
The aside content could be floated right, with some padding and space, and maybe a border or background difference to set it apart from the main text. If the viewport is too narrow for multiple text columns, the aside could appear in the main flow, but with the same border/background difference.

What would users do? What would happen as a result?
===================================================
MDN authors could fully use the capabilities of HTML5, and would not have to resort to table layout.

Is there anything else we should know?
======================================
If there might be other uses for asides, this could be done with a class such as <aside class="sidebar">.
(Reporter)

Updated

4 years ago
Assignee: nobody → dwalsh

Comment 1

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

https://github.com/mozilla/kuma/commit/75fc317c9e4708aa8c2ccec86e230e06411c1fe4
Fix bug 912654 - Add basic styling for <aside> elements

https://github.com/mozilla/kuma/commit/fc254e020d61d6092ecd3fb94029c04dff824ec9
Merge pull request #1342 from darkwing/redesign-aside-912654

Fix bug 912654 - Add basic styling for <aside> elements

Updated

4 years ago
Status: NEW → RESOLVED
Last Resolved: 4 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.