Inkscape.org
Forum Issues, News, and Announcements Forum Request: Minor CSS change
  1. #1
    Xav Xav @Xav👹
    *

    @doctormo Can I suggest a small CSS change to add some extra spacing below <ol> elements.

    1. Currently, when making a list…
    2. …the editing view shows a gap between the last item…
    3. … and the next (non-list) line of text…

    …but in practice they just run right into each other!

     

    Edit: Correction - it appears to only be an issue on <ol>, not <ul> lists.

  2. #2
    Martin Owens Martin Owens @doctormo🌹⚖🧀

    I think that might do the trick.

  3. #3
    Xav Xav @Xav👹

    Thanks @doctormo. After a refresh of the browser that looks a lot better.

  4. #4
    Xav Xav @Xav👹

    @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 ;)

     

  5. #5
    Martin Owens Martin Owens @doctormo🌹⚖🧀

    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.

  6. #6
    Xav Xav @Xav👹

    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.

    Halftone
  7. #7
    Xav Xav @Xav👹
    *

    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.

  8. #8
    Martin Owens Martin Owens @doctormo🌹⚖🧀

    I agree with your findings.