UI/UX and Performance Improvement #561

Closed
opened 2026-04-05 16:21:08 +02:00 by MrUnknownDE · 0 comments
Owner

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.
  2. Added default size placeholder for group icons to prevent flickering

    • This helps since most players have group representation
  3. Reduced top margin in import world dialog to use space better

  4. Updated group edit mode icons in UserDialog to make top/bottom actions clearer

  5. Made favorite icon (star symbol) consistent across all areas (Same Instance)

  6. Made bio textarea taller by default

    • This helps since many player bios are longer than 5 lines (cn&jp)
  7. Added space between status icons and status text in playerList and friendsList

  8. 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

  9. Made image viewer fit window size without needing to scroll

  10. 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

  3. 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
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