ProfessionalWiki / chameleon

Provides a highly flexible and customizable skin using Bootstrap 4
https://www.mediawiki.org/wiki/Skin:Chameleon
Other
115 stars 63 forks source link

Bootstrap tweak to prevent ugly linebreaks within navbar links #344

Closed mdoggydog closed 1 year ago

mdoggydog commented 1 year ago

This one-liner in _fixes.scss adds a "nowrap" to nav-link elements, to prevent weird linebreaks from showing up if a navbar link contains whitespace, fattening the navbar and throwing off vertical alignment.

(Bootstrap already applies nowrap to dropdown-items.)

malberts commented 1 year ago

Thanks for the fix @mdoggydog.

Just to confirm, is this an example of what gets fixed?

Before: Screenshot_20220914_081540

After: Screenshot_20220914_081331

mdoggydog commented 1 year ago

Yes, that is indeed an example of what gets fixed. Sometimes the linebreak appears between the icon and the link text, sometimes within the link text if that text contains whitespace (including within the user's realname in the PersonalTools menu toggle, i.e., if showUserName is enabled).

The general result is the same, and this fixes it.