Skip to content

Commit

Permalink
Implemented customizd scrollbar feature
Browse files Browse the repository at this point in the history
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: layer5io#327

Signed-off-by: Akhilender <[email protected]>
  • Loading branch information
akhilender-bongirwar committed Aug 30, 2023
1 parent e1a5e71 commit fec4e29
Showing 1 changed file with 17 additions and 0 deletions.
17 changes: 17 additions & 0 deletions docs/_sass/getnighthawk.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}

0 comments on commit fec4e29

Please sign in to comment.