Removing mobile interface
This commit is contained in:
parent
9a55dbdf86
commit
32e486bfb8
@ -245,75 +245,3 @@ h2 {
|
|||||||
#chat .topic .type:after {
|
#chat .topic .type:after {
|
||||||
content: ":";
|
content: ":";
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-device-width: 480px) {
|
|
||||||
#wrap {
|
|
||||||
overflow: hidden;
|
|
||||||
height: 100%;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
#viewport {
|
|
||||||
-webkit-transition: -webkit-transform .2s ease-out;
|
|
||||||
transition: transform .2s ease-out;
|
|
||||||
-webkit-transform: translateX(0);
|
|
||||||
transform: translateX(0);
|
|
||||||
height: 100%;
|
|
||||||
margin-left: -200px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
#viewport.left {
|
|
||||||
-webkit-transform: translateX(200px);
|
|
||||||
transform: translateX(200px);
|
|
||||||
}
|
|
||||||
#viewport.right {
|
|
||||||
-webkit-transform: translateX(-160px);
|
|
||||||
transform: translateX(-160px);
|
|
||||||
}
|
|
||||||
#chat {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
#chat .toggle {
|
|
||||||
display: block;
|
|
||||||
font-size: 12px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
#chat .toggle a {
|
|
||||||
color: #000;
|
|
||||||
height: 42px;
|
|
||||||
line-height: 46px;
|
|
||||||
margin: 0 10px;
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#chat .toggle .left {
|
|
||||||
border-left: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
#chat .toggle .right {
|
|
||||||
display: none;
|
|
||||||
border-right: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
#chat .channel .title,
|
|
||||||
#chat .channel .messages {
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
#chat .channel .right {
|
|
||||||
display: inherit;
|
|
||||||
}
|
|
||||||
#chat .title {
|
|
||||||
padding: 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#chat .title .btn {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#chat .users {
|
|
||||||
bottom: 0;
|
|
||||||
right: -160px;
|
|
||||||
}
|
|
||||||
#chat .users a {
|
|
||||||
line-height: 1.8em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
@ -74,14 +74,7 @@
|
|||||||
{{#each windows}}
|
{{#each windows}}
|
||||||
<div id="window-{{id}}" class="window {{type}}">
|
<div id="window-{{id}}" class="window {{type}}">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<div class="toggle">
|
|
||||||
<a href="#" class="left">Channels</a>
|
|
||||||
<a href="#" class="right">Users</a>
|
|
||||||
</div>
|
|
||||||
<h1>{{name}}</h1>
|
<h1>{{name}}</h1>
|
||||||
<button class="close btn btn-danger btn-sm ">
|
|
||||||
Leave
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="users">
|
<div class="users">
|
||||||
{{partial "#users"}}
|
{{partial "#users"}}
|
||||||
|
@ -193,11 +193,6 @@ $(function() {
|
|||||||
badge.html(num);
|
badge.html(num);
|
||||||
});
|
});
|
||||||
|
|
||||||
chat.on("click touchstart", ".toggle a", function(e) {
|
|
||||||
$("#viewport").toggleClass($(this).attr("class"));
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
chat.on("submit", "form", function() {
|
chat.on("submit", "form", function() {
|
||||||
var input = $(this).find(".input");
|
var input = $(this).find(".input");
|
||||||
var text = input.val();
|
var text = input.val();
|
||||||
@ -211,14 +206,6 @@ $(function() {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
chat.on("click", ".close", function() {
|
|
||||||
var id = parseInt($(this).closest(".window").attr("id").replace("window-", ""));
|
|
||||||
socket.emit("input", {
|
|
||||||
id: id,
|
|
||||||
text: "/part",
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
chat.on("mousedown", ".user", function(e) {
|
chat.on("mousedown", ".user", function(e) {
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user