1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Not a Bug Pagnation .PageNav a width

Discussion in 'Resolved Bug Reports' started by MattW, Dec 9, 2012.

  1. MattW

    MattW Well-Known Member

    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.

    pagnation1.PNG

    Code:
    .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)

    pagnation.PNG
     
  2. MattW

    MattW Well-Known Member

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

    Code:
    .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;
    }
    pagnation2.png
     
  3. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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 likes this.
  4. MattW

    MattW Well-Known Member

    Thanks Jake
     

Share This Page