styled-icons.js.org - Horizontal scrolls on cards

[VictorRMA]

URL: https://styled-icons.js.org/?s=github

Browser / Version: Firefox 70.0
Operating System: Windows 10
Tested Another Browser: Yes

Problem type: Design is broken
Description: Horizontal scrolls on cards
Steps to Reproduce:
Just opened the site

Browser Configuration

• mixed active content blocked: false
• image.mem.shared: true
• buildID: 20190830040415
• tracking content blocked: false
• gfx.webrender.blob-images: true
• hasTouchScreen: false
• mixed passive content blocked: false
• gfx.webrender.enabled: false
• gfx.webrender.all: false
• channel: aurora

Console Messages:

[{u'log': [u'onmozfullscreenchange is deprecated.'], u'level': u'warn', u'uri': u'https://styled-icons.js.org/?s=github', u'pos': u'0:0'}, {u'log': [u'onmozfullscreenerror is deprecated.'], u'level': u'warn', u'uri': u'https://styled-icons.js.org/?s=github', u'pos': u'0:0'}]

From webcompat.com with ❤️

[softvision-sergiulogigan]

Thanks for the report!
I'm able to reproduce the issue.

Tested with:
Browser / Version: Firefox Nightly 71.0a1 (2019-09-04)
Operating System: Windows 10 Pro

Moving to Needsdiagnosis.

[karlcow]

to note that the scroll is the intent of the author.

code {
	display: block;
	margin: 0px auto;
	white-space: pre;
	padding: 12px;
	text-align: left;
	color: rgb(255, 255, 255);
	overflow-x: scroll;
}

The why the scrollbars appears on windows is probably due to a system difference. On macos, my setting is autohide. So I never see the scrollbar until the moment I scroll.

It could be fixed by doing

code {
	display: block;
	margin: 0px auto;
	/* white-space: pre; */
	padding: 12px;
	text-align: left;
	color: rgb(255, 255, 255);
	overflow-x: scroll;

	white-space: pre-wrap;
}

but the simplest way to fix it is probably

code {
	display: block;
	margin: 0px auto;
	white-space: pre;
	padding: 12px;
	text-align: left;
	color: rgb(255, 255, 255);
	overflow-x: auto;
}

[softvision-oana-arbuzov]

The issue is still reproducible on my side.

Tested with:
Browser / Version: Firefox Nightly 72.0a1 (2019-11-25)
Operating System: Windows 10 Pro

[softvision-oana-arbuzov]

This is still an issue.

Tested with:
Browser / Version: Firefox Nightly 103.0a1 (2022-06-05)
Operating System: Windows 10 Pro

Reopening it.

[inv_23/2022]