From 369dc7502c37f0a8a5eb7649bb75640bb03c3716 Mon Sep 17 00:00:00 2001 From: Jonathan Stanley Date: Fri, 23 Mar 2007 18:41:45 +0000 Subject: Bye bye toggle_inverse.gif... made a "super" toggle.gif which contains both states and "switched" using CSS sprites method to stop the ugly loading "flash" when images aren't cached for the first time. prosilver ACP+style classnames use hyphens... so stuck with them, plus underscores might trip up some bizarre edge case thing with IE6, so play safe. Would like the toggle to set a cookie at some point, so the setting would be "sticky". git-svn-id: file:///svn/phpbb/trunk@7222 89ea8834-ac86-4346-8a33-228a782c2dd0 --- phpBB/adm/images/toggle.gif | Bin 625 -> 788 bytes phpBB/adm/images/toggle_inverse.gif | Bin 621 -> 0 bytes phpBB/adm/style/admin.css | 2 +- phpBB/adm/style/overall_header.html | 16 ++++++++++------ 4 files changed, 11 insertions(+), 7 deletions(-) delete mode 100644 phpBB/adm/images/toggle_inverse.gif diff --git a/phpBB/adm/images/toggle.gif b/phpBB/adm/images/toggle.gif index abb697e3c3..8af6861bd1 100644 Binary files a/phpBB/adm/images/toggle.gif and b/phpBB/adm/images/toggle.gif differ diff --git a/phpBB/adm/images/toggle_inverse.gif b/phpBB/adm/images/toggle_inverse.gif deleted file mode 100644 index 0562784b34..0000000000 Binary files a/phpBB/adm/images/toggle_inverse.gif and /dev/null differ diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css index 43310fb4ae..398cbac150 100644 --- a/phpBB/adm/style/admin.css +++ b/phpBB/adm/style/admin.css @@ -353,7 +353,7 @@ span.corners-bottom span { margin-left: 2px; } -#toggle_handle { +#toggle-handle { display: block; width: 18px; height: 19px; diff --git a/phpBB/adm/style/overall_header.html b/phpBB/adm/style/overall_header.html index 1681a04676..acbf00dff5 100644 --- a/phpBB/adm/style/overall_header.html +++ b/phpBB/adm/style/overall_header.html @@ -120,27 +120,31 @@ function switch_menu() var menu = document.getElementById('menu'); var main = document.getElementById('main'); var toggle = document.getElementById('toggle'); - var handle = document.getElementById('toggle_handle'); + var handle = document.getElementById('toggle-handle'); switch(menu_state) { - //hide + //hidden case 'shown': main.style.width = 'auto'; menu.style.display = 'none'; menu_state = 'hidden'; toggle.style.left = '0'; toggle.style.width = '20px'; - handle.style.backgroundImage = 'url(images/toggle_inverse.gif)'; + handle.style.backgroundImage = 'url(images/toggle.gif)'; + handle.style.backgroundPosition = '100% 50%'; + handle.style.backgroundRepeat = 'no-repeat'; break; - //show + //shown case 'hidden': main.style.width = '76%'; menu.style.display = 'block'; menu_state = 'shown'; toggle.style.left = '15%'; 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'; break; } } @@ -172,7 +176,7 @@ function switch_menu()
-
+