Slideable Code Tag on Mobile



  • I just happened to notice this on my S4.

    Screenshot_2014-08-24-08-26-00.png

    I can turn my screen and see the full length of what's on this line in the code tag, but in potrait orientation I am unable to scroll the tag to the left to copy it. For those with screen orientation changes turned off, or for those on "not-so" smart phones, this could be an issue.


  • Plugin & Theme Dev Anime Lovers GNU/Linux

    Hmm, theres a few ways you could solve this issue. One way I solved this was to change code { white-space: nowrap; } to
    code { white-space: pre-wrap; } which is the more quicker way.

    Other ways, I can think of off the top of my head is adding an overflow-x: auto to .post-content.


Log in to reply
 

Suggested Topics

  • 31
  • 9
  • 1
  • 7
  • 1
| |