Hacker News Reader

Comment by jcrawfordor | Hacker News Reader

I'm sorry, I've progressively improved the site behavior on mobile but the ASCII art is the one thing I haven't been able to figure out without compromising my "values" :)

I could probably do something with CSS to swap it for a version that isn't sensitive to reflowing. I'll put it on the todo list.

View on HN

Maybe just make it scroll horizontally and disable wrap?

    header > pre {
      overflow-x: scroll;
      scrollbar-width: none;
      white-space: pre;
    }

    header > pre::-webkit-scrollbar {
      display: none
    }

(Some extra stuff is needed to hide the scrollbar. Apparently there's no way to make it appear only when needed, duh. Oh and the last line should probably have wrap enabled to show the links.)

You could also try placing on a for-mobile @media rule for mobile for the <pre> tag:

font-size: 6px

Reply on news.ycombinator.com