On the mobile site, all the buttons have a solid color background part. Bit difficult to describe precisely so here's a pic: http://i.imgur.com/tp0qd.jpg
As you can see in that case it makes the button unreadable. The buttons with the number of comments have a solid blue block behind them also.
Which browser are you using?
BTW, we prefer to keep this issue tracker limited to confirmed bugs in the code -- I suggest using /r/bugs or /r/help to solidify a bug report before posting here.
That looks like chrome on iOS, but it happens on mobile safari too
I can confirm this even in desktop chrome.
@spladug Sorry forgot to mention the browser, it's Chrome on iOS but the same happens on Safari too, and Chrome desktop. Incidentally, it looks fine in Opera but there is no background at all in Firefox.
I dug a bit deeper and found it's due to the border-image CSS property. From a bit of reading it looks like browsers deviated from the spec and Webkit is now adhering to the spec. In short, you need to change 8 stretch to 8 fill on all border-image properties. I found the following selectors but there may be more:
.commentcount > .comments
.newbutton:active, .newbutton:hover, .newbutton[selected], .newbutton.expanded, .newbutton.active
BTW the properties prefixed with -webkit appear twice in each selector so you should remove one of them.
@spladug @buttscicles @xPaw any progress on this? Seems like it would be a 5 minute fix (though I don't know how the CSS for reddit is generated). I could probably take a look myself if someone points me in the right direction...
Fixed in ab47d07. Thanks!