When I was browsing the website, I found unnecessary horizontal scroll bars under each of the code blocks, which kind of affect visual consistency, as the following image shows:
Then I went to the styles.scss file and found the attribute overflow-x was set to scroll. This means the horizontal scroll bar will always be there, whether the content is overflowing on the x-axis or not. I changed the value to auto to hide the bar when no overflow happens but show the scroll bar when horizontal scrolling is necessary.
The result after this modification is as shown in the following images:
Hi,
When I was browsing the website, I found unnecessary horizontal scroll bars under each of the code blocks, which kind of affect visual consistency, as the following image shows:
Then I went to the
styles.scssfile and found the attributeoverflow-xwas set toscroll. This means the horizontal scroll bar will always be there, whether the content is overflowing on the x-axis or not. I changed the value toautoto hide the bar when no overflow happens but show the scroll bar when horizontal scrolling is necessary. The result after this modification is as shown in the following images:When no x-scrolling needed:
When content overflows:
Thanks so much for considering this update!