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

fix(NcCheckboxRadioSwitch): If no text is provided the element should be a circle #4453

Merged
merged 1 commit into from Aug 24, 2023

Conversation

susnux
Copy link
Contributor

@susnux susnux commented Aug 23, 2023

☑️ Resolves

We use the NcCheckboxRadioSwitch also for e.g. the files list in the FilePicker and the files app, on the table no text is used.
But even if the text is empty the element is still displayed, resulting in an oval shape of the hover state and focus visible outline.

Moreover we use 24x24px icons for checkboxes and radio, so the padding was incorrectly set as if we use 20x20px icons.

🖼️ Screenshots

🏚️ Before 🏡 After
Screenshot_20230823_232518 Screenshot_20230823_232455
Screenshot_20230823_232523 Screenshot_20230823_232503

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable

…d focus outline should be a circle

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
@susnux susnux added 3. to review Waiting for reviews design Design, UX, interface and interaction design feature: checkbox-radio-switch Related to the checkbox-radio-switch component labels Aug 23, 2023
@susnux susnux added this to the 8.0.0 milestone Aug 23, 2023
@Pytal Pytal merged commit 772f485 into master Aug 24, 2023
16 checks passed
@Pytal Pytal deleted the fix/nc-checkbox-radio-switch-empty-text branch August 24, 2023 00:20
@skjnldsv skjnldsv added the bug Something isn't working label Aug 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews bug Something isn't working design Design, UX, interface and interaction design feature: checkbox-radio-switch Related to the checkbox-radio-switch component
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants