1
0
mirror of https://github.com/citizenfx/cfx-server-data.git synced 2025-02-09 06:33:29 +08:00

Merge pull request #30 from Firecul/master

Scaling Chat
This commit is contained in:
リーフストーム 2018-08-29 22:00:51 +02:00 committed by GitHub
commit 3b7afcc195
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 23 deletions

View File

@ -14,6 +14,6 @@ window.CONFIG = {
style: {
background: 'rgba(52, 73, 94, 0.7)',
width: '38%',
height: '240px',
height: '22%',
}
};

View File

@ -31,11 +31,11 @@ em {
.chat-window {
position: absolute;
top: 15px;
left: 15px;
top: 1.5%;
left: 0.8%;
width: 38%;
height: 240px;
height: 22%;
max-width: 1000px;
background-color: rgba(52, 73, 94, 0.7);
-webkit-animation-duration: 2s;
}
@ -44,8 +44,8 @@ em {
.chat-messages {
position: relative;
height: 95%;
font-size: 1.2rem;
margin: 10px;
font-size: 1.8vh;
margin: 1%;
overflow-x: hidden;
overflow-y: hidden;
@ -53,34 +53,36 @@ em {
.chat-input {
font-size: 1.2rem;
font-size: 1.65vh;
position: absolute;
top: 257px;
left: 15px;
top: 23.8%;
left: 0.8%;
width: 38%;
max-width: 1000px;
box-sizing: border-box;
}
.prefix {
font-size: 1.8vh;
position: absolute;
margin-top: 2px;
left: 4px;
margin-top: 0.5%;
left: 0.208%;
}
textarea {
font-size: 1.1rem;
font-size: 1.65vh;
display: block;
box-sizing: border-box;
padding: 5px;
padding-left: 27px;
padding: 1%;
padding-left: 3.5%;
color: white;
background-color: rgba(44, 62, 80, 1.0);
width: 100%;
border-width: 0;
height: 34px;
height: 3.15%;
overflow: hidden;
text-overflow: ellipsis;
}
textarea:focus, input:focus {
@ -88,19 +90,19 @@ textarea:focus, input:focus {
}
.msg {
margin-bottom: 3px;
margin-bottom: 0.28%;
}
.multiline {
margin-left: 1.5rem;
text-indent: -1.5rem;
margin-left: 4%;
text-indent: -1.2rem;
white-space: pre-line;
}
.suggestions {
list-style-type: none;
padding: 5px;
padding-left: 27px;
padding: 0.5%;
padding-left: 1.4%;
font-size: 1.1rem;
box-sizing: border-box;
color: white;
@ -117,5 +119,5 @@ textarea:focus, input:focus {
}
.suggestion {
margin-bottom: 5px;
margin-bottom: 0.5%;
}