UI/UX and Performance Improvement #561

New Issue

MrUnknownDE · 2026-04-05T16:21:08+02:00

MrUnknownDE commented

2026-04-05 16:21:08 +02:00

Originally created by @Map1en on 2/5/2025

UI/UX Improvements

Added loading indicator for group icons in UserDialog
- Now there's a problem that the loading animation won't stop if there's a loading error.
Added default size placeholder for group icons to prevent flickering
- This helps since most players have group representation
Reduced top margin in import world dialog to use space better
Updated group edit mode icons in UserDialog to make top/bottom actions clearer
Made favorite icon (star symbol) consistent across all areas (Same Instance)
Made bio textarea taller by default
- This helps since many player bios are longer than 5 lines (cn&jp)
Added space between status icons and status text in playerList and friendsList
Made friendsList table better with:
- Header stays in place while scrolling
- Adjusts to VRCX window size
- Scrolls inside the table without moving the whole page
Made image viewer fit window size without needing to scroll
Improved launch instance dialog:
- Better form label alignment
- Footer fits on one line

Bug Fixes

Fixed group collapse arrow rotation
- No adaptations to material 3 themes for now
Fixed Vue display-name component 'key' keyword issue
- 'key' is a reserved word in Vue component

Performance Improvements

Made feed page load faster:
- Reduced loading time by improving el-menu default-active tab settings
  - Optimize the page transition from login to feed table display by reducing unnecessary reflow and decreasing render time by 0.3s
  - Fixed initial screen flickering
Made feed table load better by separating content
Added lazy loading for 'Manage Photos, Icons, Emojis and Stickers' dialog tabs
- Destroy the dialog component when closed, to save memory
  - Not a common dialog

*Originally created by @Map1en on 2/5/2025* ### UI/UX Improvements 1. Added loading indicator for group icons in UserDialog - Now there's a problem that the loading animation won't stop if there's a loading error. 3. Added default size placeholder for group icons to prevent flickering - This helps since most players have group representation 4. Reduced top margin in import world dialog to use space better 5. Updated group edit mode icons in UserDialog to make top/bottom actions clearer 6. Made favorite icon (star symbol) consistent across all areas (Same Instance) 7. Made bio textarea taller by default - This helps since many player bios are longer than 5 lines (cn&jp) 8. Added space between status icons and status text in playerList and friendsList 9. Made friendsList table better with: - Header stays in place while scrolling - Adjusts to VRCX window size - Scrolls inside the table without moving the whole page 10. Made image viewer fit window size without needing to scroll 11. Improved launch instance dialog: - Better form label alignment - Footer fits on one line ### Bug Fixes 1. Fixed group collapse arrow rotation - No adaptations to material 3 themes for now 2. Fixed Vue display-name component 'key' keyword issue - 'key' is a reserved word in Vue component ### Performance Improvements 1. Made feed page load faster: - Reduced loading time by improving el-menu default-active tab settings - Optimize the page transition from login to feed table display by reducing unnecessary reflow and decreasing render time by 0.3s - Fixed initial screen flickering 2. Made feed table load better by separating content 4. Added lazy loading for 'Manage Photos, Icons, Emojis and Stickers' dialog tabs - Destroy the dialog component when closed, to save memory - Not a common dialog

MrUnknownDE closed this issue

2026-04-05 16:21:08 +02:00

Sign in to join this conversation.

No Label

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/VRCX#561