cadey
/
Shuo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix responsive interface

This commit is contained in:
Mattias Erming 2014-08-15 06:52:14 -07:00
parent 523ae952c7
commit e4d6f8f9ab
3 changed files with 703 additions and 733 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1412
client/css/style.css
View File

File diff suppressed because it is too large Load Diff

17
client/index.html
View File

@ -32,11 +32,6 @@
</footer> </footer>
</aside> </aside>
<div id="main"> <div id="main">
<header id="header">
<button id="lt"></button>
<button id="rt"></button>
<h1></h1>
</header>
<div id="windows"> <div id="windows">
<div id="chat"></div> <div id="chat"></div>
<div id="sign-in" class="window"> <div id="sign-in" class="window">
@ -211,7 +206,13 @@
<script type="text/html" class="chat"> <script type="text/html" class="chat">
{{#each channels}} {{#each channels}}
<div id="chan-{{id}}" data-id="{{id}}" data-type="{{type}}" class="chan"> <div id="chan-{{id}}" data-id="{{id}}" data-type="{{type}}" class="chan {{type}}">
<div class="header">
<button class="lt"></button>
<button class="rt"></button>
<span class="title">{{name}}</span>
<span class="topic">{{type}} </span>
</div>
<div class="chat"> <div class="chat">
{{#equal 100 messages.length}} {{#equal 100 messages.length}}
<button class="show-more" data-id="{{id}}"> <button class="show-more" data-id="{{id}}">
@ -223,10 +224,6 @@
</div> </div>
</div> </div>
<aside class="sidebar"> <aside class="sidebar">
<div class="meta">
<h1>{{name}}</h1>
<span class="type">{{type}}</span>
</div>
<div class="users"> <div class="users">
{{partial "users"}} {{partial "users"}}
</div> </div>

7
client/js/chat.js
View File

@ -249,9 +249,10 @@ $(function() {
.trigger("change"); .trigger("change");
var viewport = $("#viewport"); var viewport = $("#viewport");
$("#rt, #lt").on("click", function(e) {
viewport.on("click", ".lt, .rt", function(e) {
var self = $(this); var self = $(this);
viewport.toggleClass(self.attr("id")); viewport.toggleClass(self.attr("class"));
if (viewport.is(".lt, .rt")) { if (viewport.is(".lt, .rt")) {
e.stopPropagation(); e.stopPropagation();
chat.find(".chat").one("click", function() { chat.find(".chat").one("click", function() {
@ -300,8 +301,6 @@ $(function() {
favico.badge(""); favico.badge("");
} }
$("#rt").toggle(self.hasClass("chan"));
$("#header").find("h1").html(self.data("title"));
viewport.removeClass(); viewport.removeClass();
$("#windows .active").removeClass("active"); $("#windows .active").removeClass("active");