fix: Fixed the vertical scroll bar on the home page

[Sankar110000]

Fixed: #1826

Changes:

I have added properties in the customTheme css file to make the scroll-bar hidden

Screenshots of the change:

Respected Code:

[SkyeYoung]

Too many changes... Could you only adjust the CSS part?

[Copilot]

Pull request overview

This pull request attempts to fix issue #1826 by hiding the vertical scrollbar on the home page. The change adds CSS rules to hide scrollbars using WebKit-specific pseudo-elements.

Changes:

• Added ::-webkit-scrollbar { display: none; } rule to hide scrollbars in WebKit-based browsers

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The current implementation only hides scrollbars in WebKit-based browsers (Chrome, Safari, Edge). Firefox and older browsers won't be affected by this change. For complete cross-browser support, you should also add the standard CSS property scrollbar-width: none; to hide scrollbars in Firefox. Additionally, consider adding -ms-overflow-style: none; for older versions of Internet Explorer and Edge.

[Copilot]

Hiding scrollbars completely can negatively impact accessibility and user experience. Users who rely on visual scrollbar indicators to understand their position on a page may be confused. Additionally, users with motor impairments who cannot use a mouse wheel may have difficulty scrolling without visible scrollbars. Consider whether this is truly necessary, or if the root cause (unwanted overflow) should be addressed instead by fixing the layout that's creating the scrollbar.

Suggested change

	display: none;
	}
	width: 8px;
	height: 8px;
	}
	::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 4px;
	}
	::-webkit-scrollbar-track {
	background-color: transparent;
	}

[Copilot]

This solution hides the symptom (scrollbar visibility) rather than addressing the root cause (unwanted overflow). The issue description mentions a vertical scrollbar appearing when it shouldn't, which typically indicates that some element on the page is causing overflow. Hiding the scrollbar doesn't prevent scrolling or fix the underlying layout issue. Consider investigating which element is causing the overflow and fixing the layout instead. You can use browser dev tools to identify overflow-causing elements.

Suggested change

	::-webkit-scrollbar {
	display: none;
	}