Skip to content

Conversation

Prashant-thakur77
Copy link
Contributor

Fixes #5421

Summary

Replaced Vuetify VBtn elements with Kolibri Design System KButton elements in trash and folder creation modals. Added KButtonGroup containers to maintain proper element spacing and applied CSS to prevent button element wrapping on mobile screens.

Desktop Users

Successfully replaced Vuetify VBtn elements with Kolibri Design System KButton elements in trash and folder creation modals. Added KButtonGroup containers to maintain proper element spacing and applied CSS to prevent button element wrapping on mobile screens
Screenshot From 2025-10-03 14-58-06
Screenshot From 2025-10-03 15-09-49
image

Mobile Users

Screenshot From 2025-10-03 15-17-39 Screenshot From 2025-10-03 14-57-33

References

• Parent issue: #5060

Reviewer guidance

Login as [email protected] with password a
Go to Channels > Published Channel
Click Add > New folder and create the folder
Go back to the channel page
Select the folder
Click Remove
Open trash from the ... dropdown at the top of the page

- Replace VBtn with KButton in trash confirmation dialog
- Add proper spacing and alignment for buttons through Kbutton Group
- Fix button wrapping on mobile screens with whitespace-nowrap
- Apply code formatting standards
@MisRob
Copy link
Member

MisRob commented Oct 3, 2025

Thank you @Prashant-thakur77, we will assign a reviewer next week.

@LianaHarris360 LianaHarris360 self-assigned this Oct 6, 2025
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.

[Remove Vuetify from Studio] Buttons in New folder and Trash
3 participants