Skip to content

refactor(theme): use relative units for icon badge sizing#1878

Open
dr-itz wants to merge 1 commit intomainfrom
refactor/theme/icon-badge-rfs
Open

refactor(theme): use relative units for icon badge sizing#1878
dr-itz wants to merge 1 commit intomainfrom
refactor/theme/icon-badge-rfs

Conversation

@dr-itz
Copy link
Copy Markdown
Contributor

@dr-itz dr-itz commented Apr 15, 2026

@dr-itz dr-itz requested review from a team as code owners April 15, 2026 12:08
Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

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

Code Review

This pull request updates badge styles by converting pixel-based dimensions and offsets to rem units and changing a border-radius to a percentage. The feedback recommends using the typography.px-to-rem() utility function instead of hardcoded rem values to improve maintainability and ensure consistency with the project's styling patterns.

Comment thread projects/element-theme/src/styles/bootstrap/_badges.scss
Comment thread projects/element-theme/src/styles/bootstrap/_badges.scss
Comment thread projects/element-theme/src/styles/bootstrap/_badges.scss
@spliffone
Copy link
Copy Markdown
Member

Can we fix the navbar and tabs before we merge this PR? Since it difficult to test the behaviour when we increase the font size

@dr-itz
Copy link
Copy Markdown
Contributor Author

dr-itz commented Apr 16, 2026

Can we fix the navbar and tabs before we merge this PR? Since it difficult to test the behaviour when we increase the font size

can you be more specific? We already have normal badges that are based on font-size. This is a small independent fix. There's no point in addressing anything else before this

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