From fec4e2910e618e74413ac02c5db4c952713f32cd Mon Sep 17 00:00:00 2001 From: Akhilender Date: Wed, 30 Aug 2023 13:22:45 +0530 Subject: [PATCH] Implemented customizd 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/getnighthawk.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/docs/_sass/getnighthawk.scss b/docs/_sass/getnighthawk.scss index acf9730f..d943fd97 100644 --- a/docs/_sass/getnighthawk.scss +++ b/docs/_sass/getnighthawk.scss @@ -5979,3 +5979,20 @@ div.globalFooterCard.card-environment { .accordion-button::after { margin-left: 10px !important; } + +/* 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