Made toggle arrow longer & removed unneeded DOM manipulations

This commit is contained in:
Cameron Moon
2013-02-11 09:42:18 +11:00
parent 2647d58e60
commit 9c56d64447
3 changed files with 11 additions and 10 deletions

View File

@ -35,6 +35,7 @@ window.setupStyles = function() {
'#chat { height: '+CHAT_SHRINKED+'px; } ',
'#updatestatus { width:'+(SIDEBAR_WIDTH-2*4)+'px; } ',
'#sidebar { width:'+(SIDEBAR_WIDTH + HIDDEN_SCROLLBAR_ASSUMED_WIDTH + 2 /*border*/)+'px; } ',
'#sidebartoggle { right:'+SIDEBAR_WIDTH+'px; } ',
'#scrollwrapper { width:'+(SIDEBAR_WIDTH + 2*HIDDEN_SCROLLBAR_ASSUMED_WIDTH)+'px; right:-'+(2*HIDDEN_SCROLLBAR_ASSUMED_WIDTH-2)+'px } ',
'#sidebar input, h2, #updatestatus { width:'+(SIDEBAR_WIDTH - 2*4)+'px !important } ',
'#sidebar > *, #gamestat span, .imgpreview img { width:'+SIDEBAR_WIDTH+'px; }'].join("\n")
@ -155,21 +156,19 @@ window.setupPlayerStat = function() {
}
window.setupSidebarToggle = function() {
var toggle = $('#sidebartoggle');
var sidebar = $('#sidebar');
toggle.text('▶');
toggle.css('right', SIDEBAR_WIDTH+2+'px');
toggle.on('click', function() {
$('#sidebartoggle').on('click', function() {
var toggle = $('#sidebartoggle');
var sidebar = $('#sidebar');
if(sidebar.is(':visible')) {
sidebar.hide();
$('#map').css('margin-right','0');
toggle.text('');
toggle.html('◢<br>◥');
toggle.css('right', '0');
} else {
sidebar.show();
$('#map').css('margin-right', SIDEBAR_WIDTH+2+'px');
toggle.text('');
toggle.css('right', SIDEBAR_WIDTH+2+'px');
toggle.html('◣<br>◤');
toggle.css('right', SIDEBAR_WIDTH+'px');
}
window.map.invalidateSize(false);
});