Tutorials & Resources [Userscript: "TOC TouchButton"] shorten previous and next links for smartphone navigation

For anyone interested.
Many (light) novels blogs hosted on wordpress.com can only use default themes and are using "long" linktexts without a smaller link version. The links can get wordwrapped into the next line.
Because i got annoyed on my phone of sometimes touching the previous link instead of the next link i made a userscript for myself.

For now these textparts get replaced and are styled as buttons
["Table of Contents", "Index", "ToC"] => "ToC"
["Previous Chapter", "Prev", "<- Previous Chapter"] => "-1←"
["Next Chapter", "Next", "Next Chapter ->"] => "→+1"

Name: TOC TouchButton //Can get changed if i have got a better name idea
Sites: wordpress.com/*
Desc: Add more Touchfriendly Versions of Previous/Next and Table of Contents links when maxpage width is smaller than 480px
Scripthome: https://greasyfork.org/scripts/380720-toc-touchbutton

tested on Firefox with Violentmonkey.
Feel free to copy and modify the code for other sites

Known Bug:
look for a way to detect readerview/android page reload
onreload with active reader view(firefox mobile) -> loads original version with longText link for reader view

 

Very cool.

 

See, it makes life easier.