Hacker News Reader

Comment by lelf | Hacker News Reader

New CSS?

  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .votearrow { background-size: 10px; background-image: url("grayarrow2x.gif"); }
  }

  .rotate180 {
    -webkit-transform: rotate(180deg);  /* Chrome and other webkit browsers */
  …

It wasn't like that before, there were only gray{arrow,down}.gif

Forced refresh should help.

View on HN

Forced refresh did work. Thanks.

Why can't pg use css triangles? They are vector look pretty when zoomed in or on scaled displays.

This makes upvote a CSS triangle. Could be extended for downvotes as well.

    /* 13.328px = 1em */
    .votearrow[title=upvote] {
        background: none !important;
    }
        .votearrow[title=upvote]:after {
            content: '';
            display: block;
            position: relative;
            top: -1px;
            width: 0;
            height: 0;
            border: .3em solid transparent;
            border-bottom: .6em solid #999;
        }

I considered these, but just like unicode glyphs, there are a lot of places they don't work.

Ah, nice to have high-DPI voting arrows finally.

Would be nice if the favicon was similarly updated.

I'm seeing a retina favicon on my retina MBP in Chrome.

Ah, had to explicitly reload favicon.ico itself to get the old one to stop being cached.

Looking good on retina now!

I'm using the windows black theme(black background, white letters) , and forced refresh didn't solve it. Is there something else to do , or it needs to be changes at the server ?

Thanks so much. The problem's fixed for me.

Reply on news.ycombinator.com