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

[joy-ui][docs] Add UI improvements to the side navigation demo #41461

Merged
merged 14 commits into from
Mar 13, 2024

Commits on Mar 12, 2024

  1. [joy-ui][docs] Optimize side navigation's relative contrast

    The right sidebar has been updated to the ‘solid’ variant for improved interaction with IconButtons.
    It is now darker than the left sidebar, creating better relative contrast and lifting the left
    sidebar higher on the screen. Additionally, the styles are consistent whether in light or dark mode,
    addressing previous issue where the right sidebar appeared higher/lower based on the color
    scheme.
    cipherlogs committed Mar 12, 2024
    Configuration menu
    Copy the full SHA
    e41b24f View commit details
    Browse the repository at this point in the history
  2. [joy-ui][docs] Fix Side navigation IconButton interaction issues.

    1. **Avatar Visibility Improvement:** Previously, when the avatar contained a picture, the interaction was hidden. But now, it's fixed, You’ll see the hover, active, and all the props
    that we expect from a button. (tested on dark/light mode).
    
    2. **Plus Icon Enhancement:** The plus icon shape used to look distorted. We’ve standardized the size for all icon buttons in the right sidebar. Additionally, we’ve ensured that they are neatly aligned using align-items.
    cipherlogs committed Mar 12, 2024
    Configuration menu
    Copy the full SHA
    3673658 View commit details
    Browse the repository at this point in the history
  3. Configuration menu
    Copy the full SHA
    75dc7b4 View commit details
    Browse the repository at this point in the history
  4. Configuration menu
    Copy the full SHA
    a2aadd7 View commit details
    Browse the repository at this point in the history
  5. Make color success global to all badges withing the right sidebar

    If there are several users online, it’s a good idea to use the color ‘success’ for all badges with `color="success"`.
    
    ps: the badgecolorsuccess import was removed, it isn't needed.
    cipherlogs committed Mar 12, 2024
    Configuration menu
    Copy the full SHA
    a14ea41 View commit details
    Browse the repository at this point in the history
  6. Configuration menu
    Copy the full SHA
    f99e023 View commit details
    Browse the repository at this point in the history
  7. Configuration menu
    Copy the full SHA
    11d8026 View commit details
    Browse the repository at this point in the history
  8. Configuration menu
    Copy the full SHA
    3c1e74d View commit details
    Browse the repository at this point in the history
  9. remove redundant props

    cipherlogs committed Mar 12, 2024
    Configuration menu
    Copy the full SHA
    cc98476 View commit details
    Browse the repository at this point in the history
  10. Apply pnpm prettier

    cipherlogs committed Mar 12, 2024
    Configuration menu
    Copy the full SHA
    6a1dc6a View commit details
    Browse the repository at this point in the history
  11. remove unused vars

    cipherlogs committed Mar 12, 2024
    Configuration menu
    Copy the full SHA
    3c09770 View commit details
    Browse the repository at this point in the history
  12. Configuration menu
    Copy the full SHA
    b14f711 View commit details
    Browse the repository at this point in the history
  13. Configuration menu
    Copy the full SHA
    931e91d View commit details
    Browse the repository at this point in the history

Commits on Mar 13, 2024

  1. Configuration menu
    Copy the full SHA
    2f4468a View commit details
    Browse the repository at this point in the history