Skip to content

Fix revision compare RTL alignment - #7676

Merged
escattone merged 8 commits into
mozilla:mainfrom
janbrasna:compare-rtl-button
Jul 24, 2026
Merged

Fix revision compare RTL alignment#7676
escattone merged 8 commits into
mozilla:mainfrom
janbrasna:compare-rtl-button

Conversation

@janbrasna

Copy link
Copy Markdown
Contributor

}

&.bottom {
background: transparent url(../img/wiki/compare.arrows.png) no-repeat p.$spacing-xs -40px;

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It seems this was the last consumer of that png (current buttons inline its svg directly) — would it be better to also remove the asset to not keep leftovers behind?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yup, removing here as well.

@escattone escattone left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks great except for the alignment of the top "Compare Selected Revisions" SVG. The fix is simple though. Just remove the reverse-on-desktop class from the div on line 6 of revision_list.html, and this should be good to go.

LTR

Image

RTL

Image

@janbrasna

Copy link
Copy Markdown
Contributor Author

Thanks for looking into this Ryan! I actually left this in the last time I was touching the line, not familiar enough with its intent to just remove it like the rest earlier. I did not like the effective layout it causes but checking its utility it seems it's neither necessary for mobile vs. desktop there, nor it affects the newly fixed charts so thanks for confirming it can be nuked — I was eyeing that in the previous PR already. 💨 Removed.

@escattone escattone left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @janbrasna! 🙌

@escattone
escattone merged commit d387754 into mozilla:main Jul 24, 2026
6 checks passed
@janbrasna
janbrasna deleted the compare-rtl-button branch July 24, 2026 20:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants