Removing mobile interface
This commit is contained in:
parent
9a55dbdf86
commit
32e486bfb8
|
@ -245,75 +245,3 @@ h2 {
|
|||
#chat .topic .type:after {
|
||||
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}}
|
||||
<div id="window-{{id}}" class="window {{type}}">
|
||||
<div class="title">
|
||||
<div class="toggle">
|
||||
<a href="#" class="left">Channels</a>
|
||||
<a href="#" class="right">Users</a>
|
||||
</div>
|
||||
<h1>{{name}}</h1>
|
||||
<button class="close btn btn-danger btn-sm ">
|
||||
Leave
|
||||
</button>
|
||||
</div>
|
||||
<div class="users">
|
||||
{{partial "#users"}}
|
||||
|
|
|
@ -193,11 +193,6 @@ $(function() {
|
|||
badge.html(num);
|
||||
});
|
||||
|
||||
chat.on("click touchstart", ".toggle a", function(e) {
|
||||
$("#viewport").toggleClass($(this).attr("class"));
|
||||
return false;
|
||||
});
|
||||
|
||||
chat.on("submit", "form", function() {
|
||||
var input = $(this).find(".input");
|
||||
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) {
|
||||
return false;
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue