mirror of
https://github.com/exane/not-gwent-online
synced 2024-10-31 10:36:53 +00:00
bit styling and adding field for chat
This commit is contained in:
parent
be39679690
commit
55b7bb5645
@ -2,12 +2,16 @@
|
|||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a class="active">Lobby Chat</a></li>
|
<li><a class="active">Lobby Chat</a></li>
|
||||||
<li><a>Current Match</a></li>
|
<!--li><a>Current Match</a></li-->
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="chat">
|
<div class="chat">
|
||||||
blaa blaa
|
<div class="chats">
|
||||||
|
blaa blaa
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<textarea class="chatbox" placeholder="Type an message..." autofocus></textarea>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
@ -12,11 +12,36 @@
|
|||||||
float: left;
|
float: left;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
height: calc(100vh - 300px);
|
height: calc(100vh - 200px);
|
||||||
min-height: 400px;
|
min-height: 400px;
|
||||||
clear: both;
|
clear: both;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
@include contentGradient();
|
@include contentGradient();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.chats {
|
||||||
|
float: left;
|
||||||
|
overflow-y: scroll;
|
||||||
|
height: calc(100% - 100px);
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chatbox {
|
||||||
|
height: 100px;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
border: 0;
|
||||||
|
resize: none;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 20px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 300;
|
||||||
|
color: #8798ac;
|
||||||
|
|
||||||
|
@include contentGradient();
|
||||||
|
}
|
@ -18,7 +18,7 @@ main {
|
|||||||
float: left;
|
float: left;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
height: calc(100vh - 300px);
|
height: calc(100vh - 200px);
|
||||||
min-height: 400px;
|
min-height: 400px;
|
||||||
clear: both;
|
clear: both;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user