support RTL for menu switch

git-svn-id: file:///svn/phpbb/trunk@7752 89ea8834-ac86-4346-8a33-228a782c2dd0
This commit is contained in:
Meik Sievertsen 2007-06-11 19:29:12 +00:00
parent 0c75bd4b8d
commit 154463e87c
2 changed files with 27 additions and 4 deletions

View file

@ -351,6 +351,12 @@ span.corners-bottom span {
margin-left: 2px; margin-left: 2px;
} }
.rtl #toggle {
left: 75%;
margin-right: 0;
margin-left: 6px;
}
#toggle-handle { #toggle-handle {
display: block; display: block;
width: 18px; width: 18px;
@ -359,6 +365,11 @@ span.corners-bottom span {
background-image: url(../images/toggle.gif); background-image: url(../images/toggle.gif);
} }
.rtl #toggle-handle {
background-image: url(../images/toggle.gif);
background-position: 100% 50%;
}
/* Menu */ /* Menu */
#menu { #menu {
float: left; float: left;

View file

@ -129,11 +129,17 @@ function switch_menu()
main.style.width = '93%'; main.style.width = '93%';
menu_state = 'hidden'; menu_state = 'hidden';
menu.style.display = 'none'; menu.style.display = 'none';
toggle.style.left = '0';
toggle.style.width = '20px'; toggle.style.width = '20px';
handle.style.backgroundImage = 'url(images/toggle.gif)'; handle.style.backgroundImage = 'url(images/toggle.gif)';
handle.style.backgroundPosition = '100% 50%';
handle.style.backgroundRepeat = 'no-repeat'; handle.style.backgroundRepeat = 'no-repeat';
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
handle.style.backgroundPosition = '0% 50%';
toggle.style.left = '96%';
<!-- ELSE -->
handle.style.backgroundPosition = '100% 50%';
toggle.style.left = '0';
<!-- ENDIF -->
break; break;
// show // show
@ -141,11 +147,17 @@ function switch_menu()
main.style.width = '76%'; main.style.width = '76%';
menu_state = 'shown'; menu_state = 'shown';
menu.style.display = 'block'; menu.style.display = 'block';
toggle.style.left = '15%';
toggle.style.width = '5%'; toggle.style.width = '5%';
handle.style.backgroundImage = 'url(images/toggle.gif)'; handle.style.backgroundImage = 'url(images/toggle.gif)';
handle.style.backgroundPosition = '0% 50%';
handle.style.backgroundRepeat = 'no-repeat'; handle.style.backgroundRepeat = 'no-repeat';
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
handle.style.backgroundPosition = '100% 50%';
toggle.style.left = '75%';
<!-- ELSE -->
handle.style.backgroundPosition = '0% 50%';
toggle.style.left = '15%';
<!-- ENDIF -->
break; break;
} }
} }