When viewing a page in a right-to-left language like Arabic on a small screen, the page width is huge with whitespace on the left and the horizontal scroll bar appears. This seems to be caused by text-indent: -9999px; in navbar.icons.css.

Here's a patch to hide the text using a different method in navbar.icons-rtl.css.

RTL

CommentFileSizeAuthor
#4 2855794-navbar_rtl_width-4.patch1.14 KBbwaindwain
#2 2855794-navbar_rtl_width-2.patch712 bytesbwaindwain
Right-To-Left Navbar.jpg95.19 KBbwaindwain

Comments

bwaindwain created an issue. See original summary.

bwaindwain’s picture

bwaindwain commented
StatusFileSize
new 2855794-navbar_rtl_width-2.patch712 bytes

patch

bwaindwain’s picture

bwaindwain commented
Status: Active » Needs review
bwaindwain’s picture

bwaindwain commented
StatusFileSize
new 2855794-navbar_rtl_width-4.patch1.14 KB

Updated patch to work when menu is fully visible & expanded

bwaindwain’s picture

bwaindwain commented
Issue summary: View changes