Mercurial > p > roundup > code
comparison website/www/_static/style.css @ 7297:673d8e0d3abf
Prevent examples from blowing outside the viewport.
Overflow wasn't being triggered in multiple cases. Force break on
whitespace and overflow-wrap anywhere.
This seems to work from 350px mobile to desktop sizes.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Thu, 04 May 2023 18:18:18 -0400 |
| parents | 1ce75966d274 |
| children | aa024cdf9ffb |
comparison
equal
deleted
inserted
replaced
| 7296:c3b0fd62b0b8 | 7297:673d8e0d3abf |
|---|---|
| 312 | 312 |
| 313 /* remove solid black border when focus is around the main section | 313 /* remove solid black border when focus is around the main section |
| 314 due to activation of skip-link. Page jumps there, that's enough. */ | 314 due to activation of skip-link. Page jumps there, that's enough. */ |
| 315 #main:focus-visible {outline: none;} | 315 #main:focus-visible {outline: none;} |
| 316 | 316 |
| 317 /* Prevent examples from extending outside the viewport */ | |
| 318 div.highlight > pre { | |
| 319 overflow-wrap: anywhere; | |
| 320 white-space: break-spaces; | |
| 321 } | |
| 322 | |
| 317 /* website only */ | 323 /* website only */ |
| 318 /* assume desktop reader for local html files, also no contact | 324 /* assume desktop reader for local html files, also no contact |
| 319 page for local doc files */ | 325 page for local doc files */ |
| 320 | |
| 321 /* make examples with long lines scrollable */ | |
| 322 div.highlight { overflow: auto;} | |
| 323 | 326 |
| 324 @media only screen and (max-width:960px) { | 327 @media only screen and (max-width:960px) { |
| 325 /* setup for layout/page frame */ | 328 /* setup for layout/page frame */ |
| 326 body { padding-inline-start: unset; /* remove space for float menu */} | 329 body { padding-inline-start: unset; /* remove space for float menu */} |
| 327 body > .header { margin-inline-start: unset; | 330 body > .header { margin-inline-start: unset; |