Missing scrollbars (proposal inside)

[BeardedBear]

Hi !!!

I noticed that the scrollbars were missing, I played a bit on CodePen to try to reproduce them, and I came up with this result: https://codepen.io/BeardedBear/pen/jObVXmV

Are you interested? Feel free to retrieve the code if you are :)

however, I never found solutions for Firefox :(

Edit note : Thanks padraigfl for the button trick.

[padraigfl]

Feel free to use mine: https://github.com/padraigfl/packard-belle/blob/master/src/_scss/w98/theme.scss

It's a chrome only fix, mind

[BeardedBear]

@padraigfl yours is really great!

[BeardedBear]

@padraigfl I didn't know that :start:decrement, and :horizontal:decrement (and the others) existed! Thanks for the tip! I took the liberty of updating my Pen with it!

[jdan]

Hey both :) I included these

98.css/style.css

Lines 445 to 480 in 32b8da0

	::-webkit-scrollbar {
	width: 16px;
	}
	::-webkit-scrollbar:horizontal {
	height: 17px;
	}
	::-webkit-scrollbar-corner {
	background: var(--button-face);
	}
	::-webkit-scrollbar-track {
	background-image: svg-load("./icon/scrollbar-background.svg");
	}
	::-webkit-scrollbar-thumb {
	background-color: var(--button-face);
	box-shadow: var(--border-raised-outer), var(--border-raised-inner);
	}
	::-webkit-scrollbar-button:vertical:start {
	height: 17px;
	background-image: svg-load("./icon/button-up.svg");
	}
	::-webkit-scrollbar-button:vertical:end {
	height: 17px;
	background-image: svg-load("./icon/button-down.svg");
	}
	::-webkit-scrollbar-button:horizontal:start {
	width: 16px;
	background-image: svg-load("./icon/button-left.svg");
	}
	::-webkit-scrollbar-button:horizontal:end {
	width: 16px;
	background-image: svg-load("./icon/button-right.svg");
	}

, are they not showing up for you? They show up on my desktop Chrome but it's quite possible I messed something up.

[davwheat]

They appear fine for me (Chrome 81, Windows 10)

[padraigfl]

I didn't actually check 😬
Looking now the bars are there but the buttons aren't, however it works across browsers much better going on a quick comparison there now

[AdrianoCahete]

I have a customization for Firefox scrollbar on my portfolio, but I don't know if it will work for that type of customization: https://github.com/AdrianoCahete/adrianocahete.dev/blob/master/assets/styles/base.styl#L75

[jdan]

@padraigfl @BeardedBear could you let me know what browsers you're both using and if this is still an issue?

[padraigfl]

the buttons are appearing for me now, all looks good!