Tables in issue descriptions escape their containers

B_man → credited smustgrave → .

We can add to show scrollbars:

.node-project-issue table {
  display: block;
  overflow: scroll;
}

I can't think of a better solution given that it's "table" elements.
Moving this issue to "bluecheese", which is where the CSS happens.

Adding the above suggestion.
- MR: https://git.drupalcode.org/project/bluecheese/-/merge_requests/44/diffs
- Can be tested here: https://fjgarlin-drupal.dev.devdrupal.org/project/config_notify/issues/3...

I think that's the best solution probably available. But in this example I didn't know the table was scrollable.

If we force scrollbars (overflow: scroll), all tables will have them, whether they need them or not.

overflow: auto; seems to be the best fit. In this case, you don't see the scrollbar because the table is really long too.

For this particular table, we have a @include force-wrap; that applies:

word-break: break-word;
hyphens: auto;

Plus some related styles for older browser compatibility. This avoids the scrolling, and I think should be okay for every table in an issue summary. It's used in various other places on the issue page, like for long filenames without word-breaking characters.

That works much nicer. Applied the suggestion.

- Test URL: https://fjgarlin-drupal.dev.devdrupal.org/project/config_notify/issues/3...
- MR: https://git.drupalcode.org/project/bluecheese/-/merge_requests/44/diffs

Deployed, thanks!

Automatically closed - issue fixed for 2 weeks with no activity.