#33457: Expanding local vars in technical 500 causes horizontal scrolling
-------------------------------------+-------------------------------------
Reporter: Keryn | Owner: (none)
Knight |
Type: Bug | Status: new
Component: Error | Version: dev
reporting | Keywords: technical debug 500
Severity: Normal | UI
Triage Stage: | Has patch: 0
Unreviewed |
Needs documentation: 0 | Needs tests: 0
Patch needs improvement: 0 | Easy pickings: 0
UI/UX: 0 |
-------------------------------------+-------------------------------------
Whilst working on a little alpha project to [https://github.com/kezabelle
/django-technicalerrors provide alternate error pages], and comparing
output, I noticed that expanding the `Local vars` seems to ''always''
cause a horizontal scrollbar, at least at 1425x???? in Chrome.
As far as I can tell from checking out git tags, this seems to occur at
least back to 2.2 (???? that can't be right, but OK!), and before that I
start getting issues with code which has moved that my project doesn't
support, so ... it may go back further.
A cursory play around with my devtools suggests that the following fixes
it:
{{{
table.vars {
margin: 5px 10px 2px 40px;
width: auto;
}
}}}
Specifically:
- Restore the `width` to not be `100%` (which is currently applied to all
`table`) and use `auto` or `inherit` or `initial` instead.
- Add `10px` right margin so the table lines up vertically with it's
related context lines.
Attaching a gif which shows a slice of the issue.
--
Ticket URL: <https://code.djangoproject.com/ticket/33457>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/052.f718422c8aa064bcaa839562db3dc4d5%40djangoproject.com.
