Not a bug Pagnation .PageNav a width

[MattW]

Noticed that the PageNav a is fixed at 19px width, which is fine if the page number are < 100. When you go over 100, it's slightly off to the right inside the box.

.PageNav a {
text-decoration: none;
border: 1px solid transparent;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
text-align: center;
width: 19px;
}

If you were to go into 4 figures, then the text over flows outside the box (example below manually adding the page numbers in with chrome)

 

[MattW]

This isn't an issue on the thread list view when it generates the page numbers.

.itemPageNav a, .itemPageNav span {
font-size: 9px;
padding: 0 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
display: inline-block;
text-align: center;
}

 

[Jake Bunce]

(example below manually adding the page numbers in with chrome)

That shortcuts the fix for this. Page numbers 1000 or greater have the "gt999" CSS class which reduces the font size. Search the templates for "gt999" and you will find it.

Kier demonstrates this fix in this video:

http://xenforo.com/community/threads/creating-a-simple-modification.3532/

 

[MattW]

Thanks Jake