Mercurial > p > roundup > code
comparison doc/_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 | 7435320ea041 |
| children | 1a221cf0758b |
comparison
equal
deleted
inserted
replaced
| 7296:c3b0fd62b0b8 | 7297:673d8e0d3abf |
|---|---|
| 311 height: auto; } | 311 height: auto; } |
| 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 | |
| 317 /* Prevent examples from extending outside the viewport */ | |
| 318 div.highlight > pre { | |
| 319 overflow-wrap: anywhere; | |
| 320 white-space: break-spaces; | |
| 321 } |