Skip to content

feat(NcRadioGroupButton): add disabled state styling to NcRadioGroupButton #8118

Merged
susnux merged 2 commits into
nextcloud-libraries:mainfrom
nikhil2297:feat/radio-group-disabled-style
Jan 27, 2026
Merged

feat(NcRadioGroupButton): add disabled state styling to NcRadioGroupButton #8118
susnux merged 2 commits into
nextcloud-libraries:mainfrom
nikhil2297:feat/radio-group-disabled-style

Conversation

@nikhil2297

@nikhil2297 nikhil2297 commented Jan 24, 2026

Copy link
Copy Markdown
Contributor

☑️ Resolves

  • Adds proper disabled state styling to NcRadioGroupButton
  • Ensures checked+disabled state is visually indicated

🖼️ Screenshots

🏚️ Before 🏡 After
image image

🚧 Tasks

  • Add .radioGroupButton_disabled class and styles

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable
  • 2️⃣ Backport to stable8 for maintained Vue 2 version or not applicable

Signed-off-by: nikhil2297 <nikhillohar2297@gmail.com>

@ShGKme ShGKme 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, one some small notes.

Comment thread src/components/NcRadioGroup/NcRadioGroup.vue Outdated
Comment thread src/components/NcRadioGroupButton/NcRadioGroupButton.vue
Comment thread src/components/NcRadioGroupButton/NcRadioGroupButton.vue Outdated
Comment thread src/components/NcRadioGroupButton/NcRadioGroupButton.vue Outdated
<div
:class="[{
[$style.radioGroupButton_active]: isChecked,
[$style.radioGroupButton_disabled]: disabled,

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.

Note for reviewers: we could use:has(:disabled) here, but adding a class is cheaper (:has() is an expensive selector) and simplified styles.

@codecov

codecov Bot commented Jan 26, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 52.77%. Comparing base (dbbdf69) to head (f8fc391).
⚠️ Report is 29 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #8118   +/-   ##
=======================================
  Coverage   52.77%   52.77%           
=======================================
  Files         103      103           
  Lines        3348     3348           
  Branches      976      976           
=======================================
  Hits         1767     1767           
  Misses       1333     1333           
  Partials      248      248           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Signed-off-by: nikhil2297 <nikhillohar2297@gmail.com>

@ShGKme ShGKme 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

@ShGKme ShGKme added this to the 9.4.1 milestone Jan 27, 2026
@ShGKme ShGKme added enhancement New feature or request 3. to review Waiting for reviews labels Jan 27, 2026
@nikhil2297

Copy link
Copy Markdown
Contributor Author

Thanks

@ShGKme - Can you please confirm this comment. Thanks

@susnux susnux merged commit 04e68bf into nextcloud-libraries:main Jan 27, 2026
24 checks passed
@susnux

susnux commented Jan 27, 2026

Copy link
Copy Markdown
Contributor

/backport to stable8

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 enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[NcRadioGroup] missing disabled state

3 participants