Linux custom css scrollbar

[Zolmeister]

The default Linux scrollbar for content looks poor due to sandbox rendering.

Here is a proposed css default scrollbar replacement (http://jsfiddle.net/6kEx5/):

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track-piece {
    background: #aaa;
}

::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 2px;
}

::-webkit-scrollbar-corner       {
    background: #999;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #888;
}

[redmunds]

Thanks for the tip! Assigning to @larz0 to take a look.

[ghost]

Thanks

[larz0]

@Zolmeister @vinigordex could you check out the custom webkit scrollbar on this branch and let me know what you think? https://github.com/adobe/brackets/tree/larz/linux-scrollbar

Once we're happy with it we'll need to make the scrollbar CSS linux-only.

[larz0]

Here's a screenshot:

[TomMalbran]

Once we're happy with it we'll need to make the scrollbar CSS linux-only.

You can just replace the body wrapper with .platform-linux.

[larz0]

Awesome. Thanks Tom I'll go ahead and do that.

[TomMalbran]

NP. You can also change it to .platform-win or .platform-mac to test in other platforms.

[Zolmeister]

I put it in a js-fiddle: http://jsfiddle.net/HrsxL/ for others to check out more easily. It looks fine for me, though I can't say I like the use of the base64 encoded png.

Edit: updated fiddle - http://jsfiddle.net/HrsxL/1/

[larz0]

Cool. I'm not using base64 encoded png.

[larz0]

@Zolmeister @vinigordex the pull request is here #5082

Let me know if there's any problem.

[Zolmeister]

Oh, sorry, must have been looking at some other code then.
Here is the updated fiddle: http://jsfiddle.net/HrsxL/1/
And I must say, I do like it more now. Thanks for taking the time to implement it.

[larz0]

Great. NP man.

[ghost]

My screen Ubuntu

[jasonsanjose]

Confirmed fixed. Closing. @Zolmeister if you have a dev env for brackets setup, you can sync to master to see the changes.