Shrink roster bar

This commit is contained in:
Lance Stout 2013-09-13 16:01:00 -07:00
parent 2f6b013a1e
commit 64694a6bc0
3 changed files with 6 additions and 6 deletions

View File

@ -13,7 +13,7 @@ exports.pages = {};
exports.body = function anonymous(locals) {
var buf = [];
with (locals || {}) {
buf.push('<body><div class="wrap"><div id="connectionOverlay"><aside id="connectionStatus"><button class="reconnect">Reconnect</button><span class="message">disconnected</span></aside></div><header id="me"><img class="avatar"/><p class="status"></p></header><nav class="main"><li><a href="/logout">Logout</a></li><li><a href="/">Home</a></li></nav><nav id="contactList"></nav><section id="pages"></section><footer></footer></div></body>');
buf.push('<body><div class="wrap"><div id="connectionOverlay"><aside id="connectionStatus"><button class="reconnect">Reconnect</button><span class="message">disconnected</span></aside></div><header id="me"><img class="avatar"/><p class="status"></p></header><nav class="main"><li><a href="/logout">Logout</a></li><li><a href="/">Settings</a></li></nav><nav id="contactList"></nav><section id="pages"></section><footer></footer></div></body>');
}
return buf.join("");
};
@ -99,7 +99,7 @@ exports.pages.chat = function anonymous(locals) {
exports.pages.main = function anonymous(locals) {
var buf = [];
with (locals || {}) {
buf.push('<section class="page main"><button class="enableAlerts">Enable alerts</button><section class="notifications"><h1>Notifications</h1><ul></ul></section></section>');
buf.push('<section class="page main"><button class="enableAlerts">Enable alerts</button><section class="avatar"><img id="settingsAvatar"/></section><section class="notifications"><h1>Notifications</h1><ul></ul></section></section>');
}
return buf.join("");
};

View File

@ -11,7 +11,7 @@ body
li
a(href="/logout") Logout
li
a(href="/") Home
a(href="/") Settings
nav#contactList
section#pages
footer

View File

@ -34,7 +34,7 @@ html, body {
nav.main {
background-color: #1C232D;
width: 176px;
width: 156px;
border-right: 1px solid black;
padding: 5px;
margin: 0px;
@ -58,7 +58,7 @@ nav.main a {
border-radius: 3px;
border: none;
height: 20px;
padding: 0 1em;
padding: 0 5px;
color: white;
background-color: #333;
line-height: 20px;
@ -71,7 +71,7 @@ nav.main a {
#contactList {
top: 0px;
bottom: 40px;
width: 175px;
width: 155px;
background-color: #1C232D;
position: fixed;
overflow-y: auto;