Skip to content

feat(ui5-checkbox): enable font-size based scaling for standalone checkboxes#13021

Closed
NakataCode wants to merge 8 commits intomainfrom
checkbox-font-size-risizing
Closed

feat(ui5-checkbox): enable font-size based scaling for standalone checkboxes#13021
NakataCode wants to merge 8 commits intomainfrom
checkbox-font-size-risizing

Conversation

@NakataCode
Copy link
Copy Markdown
Contributor

@NakataCode NakataCode commented Feb 4, 2026

Implement font-size based scaling for standalone CheckBox components, allowing developers to easily resize checkboxes by setting CSS font-size and removing the padding by setting it to 0.

🎯 Changes

  • CheckBox now scales proportionally based on font-size value
  • All visual elements scale uniformly (box, checkmark, focus outline)
  • Padding can be controlled independently for spacing adjustments
  • Maintains perfect proportions across all sizes

Usage Example

<ui5-checkbox style="font-size: 32px; padding: 0;"></ui5-checkbox>

@ui5-webcomponents-bot
Copy link
Copy Markdown
Collaborator

ui5-webcomponents-bot commented Feb 4, 2026

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 4, 2026 15:04 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 9, 2026 11:10 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 23, 2026 11:27 Inactive
Comment thread packages/main/src/themes/CheckBox.css Outdated
Comment thread packages/main/src/themes/CheckBox.css Outdated
@dobrinyonkov
Copy link
Copy Markdown
Contributor

Looks, good so far. Let's also add a sample in the dev samples here https://pr-13021--ui5-webcomponents-preview.netlify.app/packages/main/test/pages/CheckBox.html

and perhaps a test to test font-size on the host actually increases the .ui5-checkbox-inner.offsetWidth/Height and related elements - icon, tri-state box, ect.

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview March 5, 2026 09:56 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview March 9, 2026 14:05 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview March 9, 2026 14:18 Inactive
@github-actions github-actions Bot added the Stale label Mar 24, 2026
@github-actions github-actions Bot closed this Apr 1, 2026
@pskelin pskelin reopened this Apr 1, 2026
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview April 1, 2026 05:58 Inactive
@github-actions github-actions Bot removed the Stale label Apr 3, 2026
@github-actions github-actions Bot added the Stale label Apr 17, 2026
@github-actions github-actions Bot closed this Apr 24, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants