Fixed Issue with css clear property and RTL language

refael

Well-known member
I have an issue with the pagination in RTL language, which does not exists in LTR language.
Pagination is breaking into two lines, while in LTR it does not
SS.webp

I did a little digging and I've discovered that the clearing of .PageNav is always to the right, both LTR and RTL.

Code from public.css
HTML:
@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive .pageWidth
    {
        @property "pageWidthResponsiveNarrow";

        @property "/pageWidthResponsiveNarrow";
    }
   
    .Responsive .pageNavLinkGroup .PageNav,
    .Responsive .pageNavLinkGroup .linkGroup
    {
        clear: right;
    }
}

Clear to right isn't replaced with clear to left while using RTL language.
 
Fixed now. Looks like we just didn't flip clear values (like floats). This really only comes up as an issue in this situation.
 
Top Bottom