CSS issue after update from 2.572 to 2.578
28 views
Skip to first unread message
Jan-Benedict Glaw
Aug 19, 2026, 10:22:57 AM (4 days ago) Aug 19
to jenkins...@googlegroups.com
Hi!
I was using the simple-theme-plugin to inject a bit of CSS:
pre {
white-space: pre !important;
}
Jenkins's usual behavior is to wrap long lines in the console output
view, which isn't helpful for me at all. The above snippet disabled
this and kept the long lines, which led to horizontal scrollbars.
These are of course needed to look at the text.
Now, after the update to 2.578, the above snippet still works in
that long lines are displayed as unwrapped lines. However, something
in the rest of the CSS changed so that no scrollbars are shown. That
renders all the text unreadable, as there's no way to access it by
scrolling to the right.
As I'm a total frontend/web/css noob, I'd be quite grateful if
somebody could suggest me a bit of CSS to resurrect horizontal
scrollbars as needed.
Thanks a lot,
Jan-Benedict
--
I was using the simple-theme-plugin to inject a bit of CSS:
pre {
white-space: pre !important;
}
Jenkins's usual behavior is to wrap long lines in the console output
view, which isn't helpful for me at all. The above snippet disabled
this and kept the long lines, which led to horizontal scrollbars.
These are of course needed to look at the text.
Now, after the update to 2.578, the above snippet still works in
that long lines are displayed as unwrapped lines. However, something
in the rest of the CSS changed so that no scrollbars are shown. That
renders all the text unreadable, as there's no way to access it by
scrolling to the right.
As I'm a total frontend/web/css noob, I'd be quite grateful if
somebody could suggest me a bit of CSS to resurrect horizontal
scrollbars as needed.
Thanks a lot,
Jan-Benedict
--
Maciej Jaros
Aug 19, 2026, 11:35:29 AM (3 days ago) Aug 19
to jenkins...@googlegroups.com
This should work:
pre {
white-space: pre !important;
overflow-y: scroll;
}
You can use Stylus to test CSS or to change styles just for yourself:
https://addons.mozilla.org/en-US/firefox/addon/styl-us/
Cheers,
Maciej Nux
Jan-Benedict Glaw (2026-08-19 10:47):
pre {
white-space: pre !important;
overflow-y: scroll;
}
You can use Stylus to test CSS or to change styles just for yourself:
https://addons.mozilla.org/en-US/firefox/addon/styl-us/
Cheers,
Maciej Nux
Jan-Benedict Glaw (2026-08-19 10:47):
Jan-Benedict Glaw
Aug 19, 2026, 4:57:35 PM (3 days ago) Aug 19
to 'Maciej Jaros' via Jenkins Users
On Wed, 2026-08-19 17:34:51 +0200, 'Maciej Jaros' via Jenkins Users <jenkins...@googlegroups.com> wrote:
> This should work:
>
> pre {
> white-space: pre !important;
> overflow-y: scroll;
> }
>
> You can use Stylus to test CSS or to change styles just for yourself:
> https://addons.mozilla.org/en-US/firefox/addon/styl-us/
That didn't fix it for me. I also tried with "overflow-x", which seems
> This should work:
>
> pre {
> white-space: pre !important;
> overflow-y: scroll;
> }
>
> You can use Stylus to test CSS or to change styles just for yourself:
> https://addons.mozilla.org/en-US/firefox/addon/styl-us/
to---kind of---show a horizontal scrollbar within the console output
area, but that seems to not allow actual scrolling and breaks, in
addition, the automatic vertical scrolling of delivered additional
lines for a running job.
Most of the issue here is that I don't really know at all how all
that CSS magic works. My HTML wizardy ends with <html>, <head>,
<title>, <body>, <h1>..., <p>, <ul>, <li> and <table>, <tr>, <th> and
<td>. Maybe in addition to <img> and <a>. Everything else is like
black magic to me.
MfG, JBG
--
Jan-Benedict Glaw
Aug 21, 2026, 9:00:30 AM (yesterday) Aug 21
to 'Maciej Jaros' via Jenkins Users
On Wed, 2026-08-19 17:34:51 +0200, 'Maciej Jaros' via Jenkins Users <jenkins...@googlegroups.com> wrote:
> Jan-Benedict Glaw (2026-08-19 10:47):
> > I was using the simple-theme-plugin to inject a bit of CSS:
> >
> > pre {
> > white-space: pre !important;
> > }
> >
> > Jenkins's usual behavior is to wrap long lines in the console output
> > view, which isn't helpful for me at all. The above snippet disabled
> > this and kept the long lines, which led to horizontal scrollbars.
> > These are of course needed to look at the text.
> >
> > Now, after the update to 2.578, the above snippet still works in
> > that long lines are displayed as unwrapped lines. However, something
> > in the rest of the CSS changed so that no scrollbars are shown. That
> > renders all the text unreadable, as there's no way to access it by
> > scrolling to the right.
After (quite a lot) more digging, I came up with this snippet, which
> >
> > pre {
> > white-space: pre !important;
> > }
> >
> > Jenkins's usual behavior is to wrap long lines in the console output
> > view, which isn't helpful for me at all. The above snippet disabled
> > this and kept the long lines, which led to horizontal scrollbars.
> > These are of course needed to look at the text.
> >
> > Now, after the update to 2.578, the above snippet still works in
> > that long lines are displayed as unwrapped lines. However, something
> > in the rest of the CSS changed so that no scrollbars are shown. That
> > renders all the text unreadable, as there's no way to access it by
> > scrolling to the right.
works for me:
.app-page-body {
overflow-x: auto !important;
}
pre {
white-space: pre !important;
}
Maybe that'll help somebody.
MfG, JBG
--
Reply all
Reply to author
Forward
0 new messages