Mercurial > p > roundup > code
comparison website/www/_static/style.css @ 7307:aa024cdf9ffb
Correct formating of sidebar on mobile.
Unset width. Let it go full screen width.
Also use margin-inline-start in place of margin-left with fallback of
margin-left.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Wed, 10 May 2023 16:49:34 -0400 |
| parents | 673d8e0d3abf |
| children | 1a221cf0758b |
comparison
equal
deleted
inserted
replaced
| 7306:1aad478fc03f | 7307:aa024cdf9ffb |
|---|---|
| 85 body > .header div.label { font-size: 2em; font-weight: bold; margin: 0.67em 0 0.67em 1em;} | 85 body > .header div.label { font-size: 2em; font-weight: bold; margin: 0.67em 0 0.67em 1em;} |
| 86 body > .footer { margin: 1em 0 1em -14em; clear:both;} | 86 body > .footer { margin: 1em 0 1em -14em; clear:both;} |
| 87 body > .navigation | 87 body > .navigation |
| 88 { | 88 { |
| 89 margin-left: -14em; | 89 margin-left: -14em; |
| 90 margin-inline-start: -14em; | |
| 90 width: 14em; | 91 width: 14em; |
| 91 float: left; | 92 float: left; |
| 92 } | 93 } |
| 93 body > .content | 94 body > .content |
| 94 { | 95 { |
| 328 /* setup for layout/page frame */ | 329 /* setup for layout/page frame */ |
| 329 body { padding-inline-start: unset; /* remove space for float menu */} | 330 body { padding-inline-start: unset; /* remove space for float menu */} |
| 330 body > .header { margin-inline-start: unset; | 331 body > .header { margin-inline-start: unset; |
| 331 margin-block-start: 3em; /* move down from search */} | 332 margin-block-start: 3em; /* move down from search */} |
| 332 body > .navigation { margin-inline-start: unset; | 333 body > .navigation { margin-inline-start: unset; |
| 334 width: unset; | |
| 333 float: none;} | 335 float: none;} |
| 334 body > .navigation li > ul > li { padding-block: 1em; | 336 body > .navigation li > ul > li { padding-block: 1em; |
| 335 /* move links away from each other */ } | 337 /* move links away from each other */ } |
| 336 #roundup-issue-tracker .note { float: none; /* download box */} | 338 #roundup-issue-tracker .note { float: none; /* download box */} |
| 337 body > .footer { margin-inline-start: unset; } | 339 body > .footer { margin-inline-start: unset; } |