-
Notifications
You must be signed in to change notification settings - Fork 262
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
Enabling code-examples to reflow #423
Comments
It might be possible to make the fix in css/additional.css which is, or should be, imported into all our publications. If the cascade makes it not work, even with !important, it might require a pull request in https://github.com/w3c/tr-design/. But it could be a long while before that shows up in actual publications. |
I've opened an issue there, will see how it goes. |
Next step: add it to the local CSS for WCAG's techniques/understanding docs. |
This doesn't appear to have been implemented. I did check via experimenting in dev tools, and adding I don't now how I would build the site locally to do a more-thorough test, but that should happen to do a more-thorough set of testing. |
@fstrr I think this stalled because the new design would (should) sort it out. (Same for anything under the "design & layout" tag.) I'll check with @michael-n-cooper about when that's rolling out. |
Closing this as it's not an issue any more. |
There's an issue in current technique documents where the code examples (in a
pre
) do not reflow in smaller windows or when zoomed in.The solution should be simple, where the style is given this:
Pre-wrap just means it acts like pre by default (with enough width), but does allow the lines to wrap if there is not enough space.
However, I think needs to be applied to base.css (after line 480), or somewhere that is below that in the cascade.
This issue was originally raised by @lauracarlson in #387 but might be moved to another repo 'upstream' for the general standards documentation.
The text was updated successfully, but these errors were encountered: