Details

    • Type: Bug
    • Status: Deployed
    • Priority: Low
    • Resolution: DeployedToBeta
    • Affects Version/s: 0.9.130
    • Fix Version/s: 0.9.168
    • Milestone:
      Internal 0.9
    • Difficulty:
      Medium
    • Roadmap:
      Work
    • Components:
      FrontEnd

      Description

      when paragraphs of text are both italicised and justified, the rightmost edges of the text are cut off, presumably by the text’s margins/borders.

      From ticket conversation:

      Basically, justified text runs in a straight line even with the right and left edges of the column/container, right? But when you apply italics, it slants the text right, effectively making it a couple pixels wider than normal.
      Normally, the browser will let those few tiny pixels visibly hang over the edge of the container (see normal_justified_italics.png). However, we apply overflow-x: auto; to the work container so when someone posts art that’s wider than the work area, the work area will scroll and show you the rest of the image. But the browser is also like, “Fuck it, I’m not making a scroll bar for a few pixels of text,” and that’s why the edge is getting cut off.
      We could trick it into showing those couple of pixels by adding some left and right padding (like 0.25-0.5em) to our workskin div

        Attachments

          Activity

            People

            • Assignee:
              dolleye cosette
              Reporter:
              cjrecord CJ Record
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: