@doctormo DId you just tweak the CSS to adjust the max-width of images in posts? I swear my large image was breaking out of the container, causing problems for the text below, but while I was poking around it seems to have been fixed with the addition of a "max-width: 100%".
If you did tweak it, here's another option that might work:
.comment-text { overflow-x: hidden; }
.comment-text > p { overflow: auto; }
That lets the image display at full size, but with a scrollbar, whilst the text wraps as it should. But it probably needs more testing than me just poking around in Firebug ;)
I did add the width fix, it's a quick way of getting the images inline. Problem is, inline images should never be bigger than the width of the forum. There is a gallery option if the images should be more full-screen/scroll bar styles which we should test to make sure that is doing what it's supposed to.
I've only used Embed and Attach so far - I wasn't really sure what gallery mode was for, and assumed it had something to do with the page at https://inkscape.org/gallery/
I've attached the same image I was poking around with earlier to this reply, but left it in gallery mode, so we can see what the outcome is.
Okay, so gallery mode is basically "thumbnails and lightbox". I usually prefer to inline my images, as they're often part of the flow of a mini tutorial. It would be good if clicking on an inline image also opened the lightbox view (at full size). That would give the best of both worlds, I think: don't break the width of the forum, but all the details are just a click away.
Edit: The gallery mode lightbox gives more space, but there's still no way to view the image at 100% with scrollbars on a smaller screen. This could mean that important details are missed, overlooked, or unreadable. Consider a screenshot of the UI, with particular values in the fields (a common occurrence on this forum) - on a smaller screen those values may not be readable, and there's no user-friendly way to switch to a full-size view.
@doctormo Can I suggest a small CSS change to add some extra spacing below <ol> elements.
…but in practice they just run right into each other!
Edit: Correction - it appears to only be an issue on <ol>, not <ul> lists.
I think that might do the trick.
Thanks @doctormo. After a refresh of the browser that looks a lot better.
@doctormo DId you just tweak the CSS to adjust the max-width of images in posts? I swear my large image was breaking out of the container, causing problems for the text below, but while I was poking around it seems to have been fixed with the addition of a "max-width: 100%".
If you did tweak it, here's another option that might work:
.comment-text {
overflow-x: hidden;
}
.comment-text > p {
overflow: auto;
}
That lets the image display at full size, but with a scrollbar, whilst the text wraps as it should. But it probably needs more testing than me just poking around in Firebug ;)
I did add the width fix, it's a quick way of getting the images inline. Problem is, inline images should never be bigger than the width of the forum. There is a gallery option if the images should be more full-screen/scroll bar styles which we should test to make sure that is doing what it's supposed to.
I've only used Embed and Attach so far - I wasn't really sure what gallery mode was for, and assumed it had something to do with the page at https://inkscape.org/gallery/
I've attached the same image I was poking around with earlier to this reply, but left it in gallery mode, so we can see what the outcome is.
Okay, so gallery mode is basically "thumbnails and lightbox". I usually prefer to inline my images, as they're often part of the flow of a mini tutorial. It would be good if clicking on an inline image also opened the lightbox view (at full size). That would give the best of both worlds, I think: don't break the width of the forum, but all the details are just a click away.
Edit: The gallery mode lightbox gives more space, but there's still no way to view the image at 100% with scrollbars on a smaller screen. This could mean that important details are missed, overlooked, or unreadable. Consider a screenshot of the UI, with particular values in the fields (a common occurrence on this forum) - on a smaller screen those values may not be readable, and there's no user-friendly way to switch to a full-size view.
I agree with your findings.