From 87453af06a2321393ae307b43978428f83ed8b8e Mon Sep 17 00:00:00 2001 From: Akhilender Date: Thu, 31 Aug 2023 15:45:17 +0530 Subject: [PATCH] Implemented customized scrollbar feature Refactored the CSS code to introduce a custom scrollbar consistent with modern design trends. The new scrollbar design aligns with the desired appearance, replacing the default one. Changes Made: - Added custom scrollbar CSS rules. - Removed the default scrollbar appearance. These adjustments have been carefully implemented to maintain the smooth and polished UI. Resolves Issue: #327 Signed-off-by: Akhilender --- docs/_sass/layout.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/docs/_sass/layout.scss b/docs/_sass/layout.scss index 45ebb2c3..9b1a261c 100644 --- a/docs/_sass/layout.scss +++ b/docs/_sass/layout.scss @@ -542,3 +542,19 @@ hr { grid-template-columns: 1fr; } } +/* Custom Scrollbar*/ +::-webkit-scrollbar{ + width: 8px; +} +::-webkit-scrollbar-track { + background-color: #ffffff; +} +::-webkit-scrollbar-thumb { + background-color: #393E46; + border-radius: 12px; + box-shadow: inset 0 0 6px rgba(0,0,0,.3); + transition: background-color 0.3s ease; +} +::-webkit-scrollbar-thumb:hover { + background: #555b66; +} \ No newline at end of file