Fix CSS so the specification shows on narrow viewports without horizontal scrolling. #1774
Comments
matj1
changed the title
|
Good idea. Would you be willing to contribute a PR? |
|
Probably. But alabaster.css is from a theme built in sphinx, so I can"t change it. So I change the the mentioned cases in custom.css |
|
To which branch should I commit it? main is protected, and I don"t know what other branches are for. |
|
You"ll probably have to fork and create a pull request. Does the footnote size need changing, too? |
|
The footnote size too needs changing because that too is fixed to 1000 pixels. |
|
It seems that I shouldn"t make a pull request according to the contributing guidlines because I am not in W3C Community Group, and I don"t bother to join it just because of this. At worst, the pull request will be rejected, but then I encourage everyone there to make this change in my stead. |
|
Oh, okay, I already merged it. I believe we have accepted PRs in the past that were minor enough not to raise legal questions, like fixing typos. |
The width of the pages of the specification (like this) is hardcoded to 1000px. That means that, if I view the webpage with split screen, it shows a horizontal scrollbar and I can"t see whole lines without scrolling.
Specifically, I have the browser window at a half of a Full HD monitor, so the width of the webpage is [960 − [the scrollbar"s width]] pixels, which is 945 pixels according to the inspector. So 55 pixels are hidden. I need to scroll to see them even if the content is mostly alright when it is narrower.
Solution
width: 1000pxfromdiv.documentanddiv.footerin custom.css.width: 940pxfromdiv.documentanddiv.footerin alabaster.css.The second thing is to allow the page to be even narrower, which works until 860 pixels, when the layout breaks both with and without this fix.
The following shows which CSS rules are supposed to be removed; these are the crossed out ones with empty checkboxes.
The text was updated successfully, but these errors were encountered: