Skip to content

3.0.12 — the drawer row lines up

Choose a tag to compare

@ernestdefoe ernestdefoe released this 16 Sep 01:05
· 12 commits to main since this release

Fixed

The toggle sat 3px right of every other row in the mobile drawer.

In the slide-out drawer this toggle used padding: 8px 16px, where Flarum's own .Button — and therefore every other row in that drawer — uses 13px. Its icon landed at x=26 while the search, locale and theme-switcher rows all sat at 23. Three pixels, but down a vertical list of icons it reads as a mistake rather than a choice, which is how it was reported.

Measured on a real forum at 375px against the compiled stylesheet: all seven rows now share the same 8px 13px padding and the same icon position.

The label still lands a few pixels right of Flarum's own rows. That is deliberate and stays: the icon keeps width: 1.2em; text-align: center so that a sun and a moon glyph line up with each other down the list, and giving that up to gain four pixels of agreement with unrelated extensions would be the worse trade. The icons — which is what the eye actually tracks — are flush.

Desktop is unchanged; the rule is inside the phone-only media query.

Upgrading: composer update ernestdefoe/theme-toggle and clear your cache. No migrations.