]> git.ipfire.org Git - thirdparty/bootstrap.git/commit
Docs: fix overflow:auto horizontal scrollbars covering last line of code blocks ...
authorPatrick H. Lauke <redux@splintered.co.uk>
Sat, 4 Mar 2023 20:05:54 +0000 (20:05 +0000)
committerGitHub <noreply@github.com>
Sat, 4 Mar 2023 20:05:54 +0000 (12:05 -0800)
commitd5f4532b3eb0c1ae2c904bb58c488bc3da44b8f3
treebc560fac3591ae0dc2bdff876de22d68cdfe7c9b
parentea19c3da8ac33c7676debfc2ac91c196e861f358
Docs: fix overflow:auto horizontal scrollbars covering last line of code blocks (#37694)

* Add dirty hack for Firefox

* Disable stylelint check for function-url-quotes

to make the hack go through unchallenged

* Make the fix across all browsers

It's not just Firefox - same issue can be seen (though slightly less horrible looking) on macOS / Chrome etc

* Tweak padding, move clipboard button down slightly

* Further CSS tweaks

Forcing `overflow: overlay` should normalise behaviour between Chrome/Win and other implementations. While visually the Chrome/Win scrollbar still looks big and ugly, its height/spacing is now taken into account as being part of the content, so styles can be applied consistently with extra padding at the bottom

* Linting fixes

* Linting fixes

* Apply suggestions from code review

---------

Co-authored-by: Mark Otto <markd.otto@gmail.com>
site/assets/scss/_clipboard-js.scss
site/assets/scss/_component-examples.scss
site/assets/scss/_masthead.scss