chat: wip rework as chat2

This commit is contained in:
astatine
2020-04-12 15:16:02 +02:00
committed by blattersturm
parent 7cbf600593
commit c94cc7cba7
23 changed files with 5566 additions and 449 deletions

View File

@@ -8,6 +8,14 @@
.color-8{color: #cc0000;}
.color-9{color: #cc0068;}
.gameColor-w{color: #ffffff;}
.gameColor-r{color: #ff4444;}
.gameColor-g{color: #99cc00;}
.gameColor-y{color: #ffbb33;}
.gameColor-b{color: #33b5e5;}
/* todo: more game colors */
* {
font-family: 'Lato', sans-serif;
margin: 0;
@@ -63,26 +71,47 @@ em {
box-sizing: border-box;
}
.chat-input > div.input {
position: relative;
display: flex;
align-items: stretch;
width: 100%;
background-color: rgba(44, 62, 80, 1.0);
}
.chat-hide-state {
text-transform: uppercase;
margin-left: 0.05vw;
font-size: 1.65vh;
}
.prefix {
font-size: 1.8vh;
position: absolute;
margin-top: 0.5%;
left: 0.208%;
/*position: absolute;
top: 0%;*/
height: 100%;
vertical-align: middle;
line-height: calc(1vh + 1vh + 1.85vh);
padding-left: 0.5vh;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
}
textarea {
font-size: 1.65vh;
line-height: 1.85vh;
display: block;
box-sizing: border-box;
padding: 1%;
padding-left: 3.5%;
box-sizing: content-box;
padding: 1vh;
padding-left: 0.5vh;
color: white;
background-color: rgba(44, 62, 80, 1.0);
width: 100%;
border-width: 0;
height: 3.15%;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
background-color: transparent;
}
textarea:focus, input:focus {
@@ -123,5 +152,9 @@ textarea:focus, input:focus {
}
.hidden {
display: none;
opacity: 0;
}
.hidden.animated {
transition: opacity 1s;
}