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.

Sign up for GitHub

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

Jump to bottom

UI Issue: Right Sidebar in kubeedge version blog page is Too Congested and Scrollbar Looks Bad #675

Open
harshita9104 opened this issue Feb 8, 2025 · 2 comments
Open

UI Issue: Right Sidebar in kubeedge version blog page is Too Congested and Scrollbar Looks Bad #675

harshita9104 opened this issue Feb 8, 2025 · 2 comments
Assignees
@harshita9104

Comments

@harshita9104
Copy link

Describe the bug
The right sidebar on the blog page of KubeEdge versions appears too congested, making it difficult to read and navigate. Additionally, the scrollbar does not provide a smooth user experience.
To Reproduce
Steps to reproduce the behavior:

  1. Go to Blog
  2. Click on KubeEdge version is live!
    3.Observe the right sidebar.
  3. Notice that all sections are tightly packed without proper separation, making navigation difficult.
  4. The scrollbar looks unappealing and does not enhance the UX.

Expected behavior
The right sidebar should have distinct sections with better spacing.
Improved styling for the scrollbar to make navigation smoother.
A more structured UI for readability and usability.

Screenshots

Image

Additional context
Improving the sidebar design will enhance readability and navigation, making it easier for users to find relevant sections efficiently. Suggestions:

Add padding/margin between sections.
Introduce collapsible sections or accordions for better organization.
Improve scrollbar styling for a cleaner look.
@harshita9104
Copy link
Author

/assign

harshita9104 added a commit to harshita9104/website that referenced this issue Feb 11, 2025
@harshita9104
Fix UI Issue kubeedge#675: Right Sidebar in KubeEdge Version Blog Pag…
8a94240 
…e is Too Congested and Scrollbar Looks Bad

- Increased right sidebar width slightly to prevent content cutoff
- Adjusted sidebar item padding, font size, and spacing for better visibility
- Removed horizontal scrolling from the sidebar
- Ensured no overlap and perfect alignment
- Sidebar items now fully visible without left-right scrolling

Fixes: kubeedge#675

Signed-off-by: Harshita Roonwal <roonwal721972@gmail.com>
Signed-off-by: harshita91 <roonwal721972@gmail.com>
@harshita9104 harshita9104 mentioned this issue Feb 11, 2025
Open
@harshita9104
Copy link
Author

#681
Resolves this issue
Kindly review this PR
Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@harshita9104 harshita9104

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@harshita9104