diff options
author | Jonathan Stanley <shs@users.sourceforge.net> | 2007-03-23 18:41:45 +0000 |
---|---|---|
committer | Jonathan Stanley <shs@users.sourceforge.net> | 2007-03-23 18:41:45 +0000 |
commit | 369dc7502c37f0a8a5eb7649bb75640bb03c3716 (patch) | |
tree | 2db4a6b7c5b7b6cf4426f12a480e8fb3d98ef894 /phpBB/adm | |
parent | 2e244a1eebc109da7a8c6ab4395a1d7e0923dd30 (diff) | |
download | forums-369dc7502c37f0a8a5eb7649bb75640bb03c3716.tar forums-369dc7502c37f0a8a5eb7649bb75640bb03c3716.tar.gz forums-369dc7502c37f0a8a5eb7649bb75640bb03c3716.tar.bz2 forums-369dc7502c37f0a8a5eb7649bb75640bb03c3716.tar.xz forums-369dc7502c37f0a8a5eb7649bb75640bb03c3716.zip |
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
Diffstat (limited to 'phpBB/adm')
-rw-r--r-- | phpBB/adm/images/toggle.gif | bin | 625 -> 788 bytes | |||
-rw-r--r-- | phpBB/adm/images/toggle_inverse.gif | bin | 621 -> 0 bytes | |||
-rw-r--r-- | phpBB/adm/style/admin.css | 2 | ||||
-rw-r--r-- | phpBB/adm/style/overall_header.html | 16 |
4 files changed, 11 insertions, 7 deletions
diff --git a/phpBB/adm/images/toggle.gif b/phpBB/adm/images/toggle.gif Binary files differindex abb697e3c3..8af6861bd1 100644 --- a/phpBB/adm/images/toggle.gif +++ b/phpBB/adm/images/toggle.gif diff --git a/phpBB/adm/images/toggle_inverse.gif b/phpBB/adm/images/toggle_inverse.gif Binary files differdeleted file mode 100644 index 0562784b34..0000000000 --- a/phpBB/adm/images/toggle_inverse.gif +++ /dev/null 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() <span class="corners-top"><span></span></span> <div id="content"> <div id="toggle"> - <a id="toggle_handle" accesskey="m" title="{L_MENU_TOGGLE}" onclick="switch_menu(); return false;" href="#"></a></div> + <a id="toggle-handle" accesskey="m" title="{L_MENU_TOGGLE}" onclick="switch_menu(); return false;" href="#"></a></div> <div id="menu"> <p>{L_LOGGED_IN_AS}<br /><strong>{USERNAME}</strong> [ <a href="{U_LOGOUT}">{L_LOGOUT}</a> ]</p> <ul> |