Do not display the sidebar on loading and sign-in pages

Also:
- Remove burger menu icon on mobile version of sign-in page
- Add the .signed-out class to the initial body instead of only when
  sign-in has failed
- Remove hiding connect and logout button icons, which was buggy and is
  now useless anyway
This commit is contained in:
Jérémie Astori 2016-06-21 00:59:39 -04:00
parent 4b901783d8
commit 1f4e2b42fd
3 changed files with 5 additions and 7 deletions

View File

@ -512,6 +512,10 @@ button,
top: 4px;
}
.signed-out #main {
left: 5px;
}
#header {
display: none;
height: 40px;

View File

@ -23,7 +23,7 @@
<link rel="manifest" href="manifest.json">
</head>
<body class="<%= public ? "public" : "" %>">
<body class="signed-out <%= public ? "public" : "" %>">
<div id="wrap">
<div id="viewport">
@ -60,9 +60,6 @@
</div>
</div>
<div id="sign-in" class="window">
<div class="header">
<button class="lt" aria-label="Toggle channel list"></button>
</div>
<form class="container" method="post" action="">
<div class="row">
<div class="col-xs-12">

View File

@ -77,14 +77,11 @@ $(function() {
});
socket.on("auth", function(data) {
var body = $("body");
var login = $("#sign-in");
login.find(".btn").prop("disabled", false);
if (!data.success) {
body.addClass("signed-out");
window.localStorage.removeItem("token");
var error = login.find(".error");