fixed various minor sidebar layout issues

This commit is contained in:
Cameron Moon 2013-02-12 08:58:06 +11:00
parent 7112e74a8a
commit e761a01aed
4 changed files with 7 additions and 16 deletions

View File

@ -36,7 +36,7 @@ window.setupStyles = function() {
'.leaflet-right { margin-right: '+(SIDEBAR_WIDTH+1)+'px } ',
'#updatestatus { width:'+(SIDEBAR_WIDTH-2*4+1)+'px; } ',
'#sidebar { width:'+(SIDEBAR_WIDTH + HIDDEN_SCROLLBAR_ASSUMED_WIDTH + 1 /*border*/)+'px; } ',
'#sidebartoggle { right:'+SIDEBAR_WIDTH+'px; } ',
'#sidebartoggle { right:'+(SIDEBAR_WIDTH+1)+'px; } ',
'#scrollwrapper { width:'+(SIDEBAR_WIDTH + 2*HIDDEN_SCROLLBAR_ASSUMED_WIDTH)+'px; right:-'+(2*HIDDEN_SCROLLBAR_ASSUMED_WIDTH-2)+'px } ',
'#sidebar input, h2 { width:'+(SIDEBAR_WIDTH - 2*4)+'px !important } ',
'#sidebar > *, #gamestat span, .imgpreview img { width:'+SIDEBAR_WIDTH+'px; }'].join("\n")

10
dist/style.css vendored
View File

@ -36,10 +36,10 @@ body {
#sidebartoggle {
display: block;
padding: 20px 5px;
margin-top: -31px;
margin-top: -31px; /* -(toggle height / 2) */
line-height: 10px;
position: absolute;
top: 50%;
top: 340px; /* (sidebar height / 2) */
z-index: 3001;
background-color: rgba(8, 48, 78, 0.9);
color: #FFCE00;
@ -561,10 +561,6 @@ aside:nth-child(odd) span {
padding: 5px;
}
#spacer {
height: 10px;
}
/* a common portal display takes this much space (prevents moving
* content when first selecting a portal) */
@ -575,7 +571,7 @@ aside:nth-child(odd) span {
/* update status */
#updatestatus {
background-color: rgba(8, 48, 78, 1);
background-color: rgba(8, 48, 78, 0.9);
border-bottom: 0;
border-top: 1px solid #20A8B1;
border-left: 1px solid #20A8B1;

View File

@ -79,7 +79,6 @@ document.getElementsByTagName('body')[0].innerHTML = ''
+ ' <div id="portaldetails"></div>'
+ ' <input id="redeem" placeholder="Redeem code…" type="text"/>'
+ ' <div id="toolbox"><a onmouseover="setPermaLink(this)">permalink</a></div>'
+ ' <div id="spacer"></div>'
+ ' </div>'
+ '</div>'
+ '<div id="updatestatus"></div>';

View File

@ -50,10 +50,10 @@ body {
#sidebartoggle {
display: block;
padding: 20px 5px;
margin-top: -31px;
margin-top: -31px; /* -(toggle height / 2) */
line-height: 10px;
position: absolute;
top: 50%;
top: 340px; /* (sidebar height / 2) */
z-index: 3001;
background-color: rgba(8, 48, 78, 0.9);
color: #FFCE00;
@ -575,10 +575,6 @@ aside:nth-child(odd) span {
padding: 5px;
}
#spacer {
height: 10px;
}
/* a common portal display takes this much space (prevents moving
* content when first selecting a portal) */
@ -589,7 +585,7 @@ aside:nth-child(odd) span {
/* update status */
#updatestatus {
background-color: rgba(8, 48, 78, 1);
background-color: rgba(8, 48, 78, 0.9);
border-bottom: 0;
border-top: 1px solid #20A8B1;
border-left: 1px solid #20A8B1;