Second attempt at getting the tabs to display correctly in RTL mode. Amazingly, floating the little span on the reworked ACP permissions tabs "right" is utterly destroyed by current browsers; Firefox 1.5.0.x/2.0.0.x, Opera 9 and IE7. Only Firefox 3.0 Alpha 3 works correctly (it has the Reflow Branch stuff in, which allows it to pass Acid2)... so whilst the CSS is there, it's commented out. If you want a decent RTL CSS experience, start using Firefox 3.0 (Gran Paradiso) and get those bug reports in!

git-svn-id: file:///svn/phpbb/trunk@7085 89ea8834-ac86-4346-8a33-228a782c2dd0
This commit is contained in:
Jonathan Stanley 2007-02-26 03:30:32 +00:00
parent 8162ae075f
commit 99014e5201

View file

@ -214,6 +214,10 @@ a:hover {
text-transform: uppercase; text-transform: uppercase;
} }
.rtl #tabs a span {
float: right;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/ /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span, .rtl #tabs a span { float:none;} #tabs a span, .rtl #tabs a span { float:none;}
/* End hack */ /* End hack */
@ -1121,8 +1125,6 @@ fieldset.perm .perm_switch {
.rtl .perm_cat a { .rtl .perm_cat a {
float: right; float: right;
margin: 0 0 0 1px;
padding: 0 6px 0 0;
} }
.perm_cat a span.tabbg { .perm_cat a span.tabbg {
@ -1135,8 +1137,7 @@ fieldset.perm .perm_switch {
} }
.rtl .perm_cat a span.tabbg { .rtl .perm_cat a span.tabbg {
float: left; float: right;
padding: 7px 6px 6px 12px;
} }
/* Commented Backslash Hack hides rule from IE5-Mac \*/ /* Commented Backslash Hack hides rule from IE5-Mac \*/
@ -1183,10 +1184,12 @@ fieldset.perm .perm_switch {
margin: 0 5px 0 0; margin: 0 5px 0 0;
} }
/* Most browsers will have to live with a left aligned icon in RTL mode, as (currently) only Firefox 3.0 Alpha 3 renders it correctly without destroying it
.rtl .perm_cat a span.colour { .rtl .perm_cat a span.colour {
float: right; float: right;
margin: 0 0 0 5px; margin: 0 0 0 5px;
} }
*/
.perm_cat .activetab span.colour { .perm_cat .activetab span.colour {
border-color: #333333; border-color: #333333;
@ -1219,7 +1222,7 @@ fieldset.perm .perm_switch {
background-color: #EFB0B2; background-color: #EFB0B2;
} }
/* Pemrission panel /* Permission panel
---------------------------------------- */ ---------------------------------------- */
.perm_panel { .perm_panel {
float: left; float: left;