Mercurial > p > roundup > code
comparison website/www/_static/style.css @ 6763:d93b441ee778
Handle build issues, update css for mobile
I added www.roundup-tracker.org as a property of mine in google search
console. It reports bad mobile experience.
According to the goatcounter tracker I put in, we get 400 hits from
phones/small tablets; 400 from tablets/small laptops and 800 from
computer screens. So 1/4 is mobile and 1/2 is not a large computer
screen.
On mobile (<960px) the left hand menu is stacked on top of the column
in mobile sizes. Sub-menu links are spaced apart to make them easier
to clkick on with a finger. Same with the table of contents in the
documents. The main document content is now full display width (rather
than scrunched to the right side of the display). This is just a quick
hack, but it should make the docs more usable.
As I worked, I found that _static/style.css changes were not being
copied into the html build directory when sphinx was rerun. Nuke
entire html subdir and rebuild from scratch each time. Also added
comments to Makefile.
Also robots.txt was being added as extra_html by sphinx, but it causes
a missing from TOC error that exits the build (when using -W). Since
exiting on warning is better, I changed Makefile to add
robots.txt. Removed robots.txt references from conf.py.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Sun, 10 Jul 2022 18:16:13 -0400 |
| parents | 7849d8c7d917 |
| children | 075555472536 |
comparison
equal
deleted
inserted
replaced
| 6762:f8ee14436371 | 6763:d93b441ee778 |
|---|---|
| 134 /* Contact page */ | 134 /* Contact page */ |
| 135 div#contact table td { | 135 div#contact table td { |
| 136 white-space: nowrap; | 136 white-space: nowrap; |
| 137 padding: 1pt 1em; | 137 padding: 1pt 1em; |
| 138 } | 138 } |
| 139 | |
| 140 @media only screen and (max-width:960px) { | |
| 141 /* setup for layout/page frame */ | |
| 142 body { padding-inline-start: unset; /* remove space for float menu */} | |
| 143 body > .header { margin-inline-start: unset; | |
| 144 margin-block-start: 3em; /* move down from search */} | |
| 145 body > .navigation { margin-inline-start: unset; | |
| 146 float: none;} | |
| 147 body > .navigation li > ul > li { padding-block: 1em; | |
| 148 /* move links away from each other */ } | |
| 149 #roundup-issue-tracker .note { float: none; } | |
| 150 body > .footer { margin-inline-start: unset; } | |
| 151 | |
| 152 /* changes for content */ | |
| 153 #contents ul.simple li { padding-block: .5em; } | |
| 154 } |
