Skip to content
This repository has been archived by the owner on Sep 6, 2021. It is now read-only.

Custom Scrollbars for Windows #5438

Closed
wants to merge 6 commits into from
Closed

Custom Scrollbars for Windows #5438

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
d3f9853
Added universal scrollbars
Oct 6, 2013
8f48470
Made the scrollbars win only
Oct 6, 2013
addbc69
Fixed a bug where the scrollbar was affecting the sidebar
Oct 6, 2013
dd121ba
Better behaviour of the win scrollbars: Hover-effect, not running in…
Oct 7, 2013
c6dc395
Merge pull request #1 from SAPlayer/scrollbars
Oct 7, 2013
cde6bff
Added scrollbar-filler class
Oct 9, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 38 additions & 0 deletions src/styles/brackets_scrollbars.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,3 +97,41 @@
box-shadow: 0 0 0 5px @custom-scrollbar-thumb-inactive inset;
}
}

.platform-win .content {
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-track {
background: #f0f0f0;
}
::-webkit-scrollbar-thumb {
background: #cdcdcd;
width: 15px;
border: 1px solid #f0f0f0;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I made this border that you can differentiate the scrollbar from the grey parts of the gui, for example the sidebar.

}
:hover::-webkit-scrollbar-thumb,
:focus::-webkit-scrollbar-thumb {
background: #a6a6a6;
}
:active::-webkit-scrollbar-thumb {
background: #606060;
}
::-webkit-scrollbar-track:vertical {
margin: 0 0 15px 0;
}
::-webkit-scrollbar-track:horizontal {
margin: 0 15px 0 0;
}
}

.scrollbar-filler {
background: #f0f0f0;
width: 15px;
height: 15px;
position: absolute;
z-index: 10;
bottom: 26px;
right: 0;
}