From 764a752f1cbcfbc8e1e7e1ae2e8f36d020e70082 Mon Sep 17 00:00:00 2001 From: MatmaRex Date: Thu, 21 Feb 2013 17:47:25 +0100 Subject: [PATCH] (bug 45142) dirty RTL CSS hack for Opera For some absolutely inexplicable reason Opera confuses right and left padding on li#pt-uls a.uls-trigger in RTL mode, causing the text to overlap an icon. Use a CSS hack to flip the text direction for Opera only. Change-Id: I71c2c4cac3269551722b15c533a2d511e1b483d9 --- resources/css/ext.uls.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/resources/css/ext.uls.css b/resources/css/ext.uls.css index 564f147e..92115225 100644 --- a/resources/css/ext.uls.css +++ b/resources/css/ext.uls.css @@ -2,6 +2,14 @@ li#pt-uls a.uls-trigger { padding-left: 30px; } +/* Opera for some inexplicable reason confuses right and left padding with */ +/* RTL text direction here (bug 45142). x:-o-prefocus won't match anything, */ +/* but will make other browsers ignore this rule. */ +x:-o-prefocus, body.rtl li#pt-uls { + /* @noflip */ + direction: ltr; +} + div#settings-block { border-top: 1px solid #C9C9C9; background: #f8f8f8;