Akkariin/cfx-server-data
1
0
Fork 0
mirror of https://github.com/citizenfx/cfx-server-data.git synced 2025-02-10 07:32:56 +08:00
Code Issues Releases Wiki Activity

Merge pull request #30 from Firecul/master

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/[system]/chat/html/config.default.js
View File

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

46
resources/[system]/chat/html/index.css
View File

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