-
Notifications
You must be signed in to change notification settings - Fork 185
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Width of the page in mobile is more than the device width. #139
Comments
For example, I tried to build the same docs http://docs.pyinvoke.org/en/1.1/ |
@bitprophet Should I solve this? I have been successful in doing it locally! |
Hi, can you provide some screenshots of the specific issue at hand? Not sure exactly what's meant. (Also, the first link up top is a 404 now :() Thanks! |
I encountered this as well when writing my own documentation. It is not specific to images. The problem appears to come from the base Sphinx styles, possibly these lines: I say this because when I poked around in the inspector, I saw these styles applied to /* -- general body styles --------------------------------------------------- */
div.body {
min-width: 450px;
max-width: 800px;
} I worked around the issue by adding these lines to my div.body {
min-width: auto;
max-width: auto;
} Here's a picture before my changes, rendered in a small browser window: And after: |
Exactly @arxanas , and I feel this should be shipped with the theme itself. |
Any progress with this? I think this should be prioritized. It's such a simple but essential fix. |
I stumbled upon this issue today myself. It seems like on mobile phones I get a horizontal scroll bar. I also worked around this issue with a solution similar to @arxanas's. One interesting observation: I went to check how it works on https://www.paramiko.org. It seems like the bug is not present there, and I think that I managed to figure out why. When comparing the css files being loaded into my documentation against the ones loaded into paramiko's documentation, the file In my div.body {
min-width: 450px;
max-width: 800px;
} Those lines are not present in the older I am not sure where is the |
First off thanks for the textbook! I'm finding it to be a great learning resource. I noticed on smaller screens (e.g. phones) that the page had no padding on the right and required scroll out on load to view the whole content. This fixes that by integrating the suggestions from sphinx-doc/alabaster#139 (there should be no change on screens larger than alabaster's hardcoded 450px) Before: tbd After: tbd
First off thanks for the textbook! I'm finding it to be a great learning resource. I noticed on smaller screens (e.g. phones) that the page had no padding on the right and required scroll out on load to view the whole content. This fixes that by integrating the suggestions from sphinx-doc/alabaster#139 (there should be no change on screens larger than alabaster's hardcoded 450px) Before: tbd After: tbd
First off thanks for the textbook! I'm finding it to be a great learning resource. I noticed on smaller screens (e.g. phones) that the page had no padding on the right and required scroll out on load to view the whole content. This fixes that by integrating the suggestions from sphinx-doc/alabaster#139 (there should be no change on screens larger than alabaster's hardcoded 450px) Before: tbd After: tbd
Alabaster inherits from the "basic" theme which sets body_min_width to 450, resulting in body_min_width: 450px, which doesn't make any sense for Alabaster since it's actually responsive. Fixes sphinx-doc#139.
Alabaster inherits from the "basic" theme which sets body_min_width to 450, resulting in body_min_width: 450px, which doesn't make any sense for Alabaster since it's actually responsive. Fixes sphinx-doc#139.
See this: https://shreyas-poliastro.readthedocs.io/en/alabaster-theme/
All the image widths are relative. I am unable to understand the cause! Please have a look!
The text was updated successfully, but these errors were encountered: