985355 - Inline badge layout should be unified

Status: RESOLVED WONTFIX

(Developer Documentation Graveyard :: Macros/Templates, enhancement)

Description

[Sebastian Zartner [:sebo]]

Currently there are different layouts for badge templates. These should be unified.
E.g. the 'gecko minversion inline'[1] and the 'MobileOnlyInline' badge don't have the same layout as other inline badges.
These should be adjusted to look like the 'obsolete inline'[3] badge.

An example of their different layout can be seen here:
https://developer.mozilla.org/en-US/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils

To fix this the templates should share a basic template.

E.g. to fix the layout of the 'gecko minversion inline' badge the 'inlineIndicator' class needs to be set on the outer <span> of the template and the selectors of '.geckoVersionBadge' and '.badge' in the CustomCSS template[4] need to be prepended with '.redesign'.

I would have done that by myself, though I don't have the rights to change the templates. Let me know if I can be of any help here.

Sebastian

[1] https://developer.mozilla.org/en-US/docs/Template:gecko_minversion_inline
[2] https://developer.mozilla.org/en-US/docs/Template:MobileOnlyInline
[3] https://developer.mozilla.org/en-US/docs/Template:obsolete_inline
[4] https://developer.mozilla.org/en-US/docs/Template:CustomCSS

Comment 1

[Sebastian Zartner [:sebo]]

Attachment: Current display of inline version badge

Comment 2

[Sebastian Zartner [:sebo]]

Attachment: Current display of mobile only badge

Comment 3

[Sebastian Zartner [:sebo]]

Attachment: Display of obsolete badge

Comment 4

[Sebastian Zartner [:sebo]]

Attachment: Expected display of inline version badge

Comment 5

[Sebastian Zartner [:sebo]]

Attachment: Expected display of mobile only badge

Comment 6

[BMO Automation]

MDN Web Docs' bug reporting has now moved to GitHub. From now on, please file content bugs at https://github.com/mdn/sprints/issues/ and platform bugs at https://github.com/mdn/kuma/issues/.