Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RTL support: .icon_anchors should have transform. #3409

Closed
StealthWombat opened this issue Sep 6, 2020 · 0 comments
Closed

RTL support: .icon_anchors should have transform. #3409

StealthWombat opened this issue Sep 6, 2020 · 0 comments

Comments

@StealthWombat
Copy link
Contributor

StealthWombat commented Sep 6, 2020

1.1.6 again - rtl.css has this:

.icon_anchor {
	padding: 2px 0 0 6px;
	float: right;
}

Which is all cool and groovy in that yes, it makes them float over to the right. It doesn't flip the icons though. The old .png icons had two separate strips for LTR and RTL, but the new .svg icons don't have RTL duplicates. You don't need them either. All it needs is a CSS transform applied:

.icon_anchor {
	transform:scaleX(-1);
	padding: 2px 0 0 6px;
	float: right;
}

You can use this trick with any icons (or anything else) that need to be flipped horizontally for RTL.

Spuds pushed a commit to Spuds/Elkarte that referenced this issue Mar 26, 2022
@Spuds Spuds closed this as completed Mar 26, 2022
Spuds added a commit that referenced this issue Mar 26, 2022
fix #3409 .icon_anchors should have transform
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

No branches or pull requests

2 participants