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

As designed No Border When Hovering on Pagination Scroll Arrow

Amaury

Well-known member
#1
When you hover over the pagination items, this it what they look like (6):

XF Hover 1.PNG

However, though this may be as designed, something's overwriting the border coming from the PageNav Page Link, Hover State style property when hovering over the pagination scroll arrow:

XF Hover 2.PNG

And that something is:

XF Hover 3.PNG

Specifying a style of solid and a width of 1px here seems to resolve that:

XF Hover 4.PNG

However, that causes the hover background to become uneven on the pagination scroll arrow and the pagination items to the right of the pagination scroll arrow to shift a bit when hovering over the pagination scroll arrow:

XF Hover 5.PNG

Back in the PageNav Scroll Button style property, removing the 1px padding resolves the hover background being uneven, but the pagination items to the right of the pagination scroll arrow still shift:

XF Hover 6.PNG

The shifting can't really been in the screenshots, but it's there.

It's not really the nicest of fixes, so if this is deemed fix-worthy, I'm sure the developers will have a better solution, as always.