aviate/reallife-gamemode
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chat schöner?

Browse Source
This commit is contained in:
Luke
2021-04-21 12:06:33 +00:00
parent dd08eaf11a
commit ea2f75b1ca
14 changed files with 217 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ReallifeGamemode.Client/assets/chat/index.html
View File

@@ -1,14 +0,0 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/checkbox.css" media="screen">
<link rel="stylesheet" type="text/css" href="style/main.css" media="screen">
<meta charset="utf-8" />
</head>
<body>
<div id="chat" class="ui_element">
<ul id="chat_messages"></ul>
</div>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

2
ReallifeGamemode.Client/assets/chat/style/checkbox.css → ReallifeGamemode.Client/assets/css/chat/checkbox.css
View File

@@ -1 +1 @@
input[type=checkbox].css-checkbox{position:absolute;z-index:-1000;left:-1000px;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}input[type=checkbox].css-checkbox+label.css-label{height:20px;width:20px;display:inline-block;background-repeat:no-repeat;background-position:0 0;cursor:pointer;}input[type=checkbox].css-checkbox:checked+label.css-label:after{content:'x';color:white;}label.css-label{background:#7b3784;border-radius:2px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
input[type=checkbox].css-checkbox{position:absolute;z-index:-1000;left:-1000px;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}input[type=checkbox].css-checkbox+label.css-label{height:20px;width:20px;display:inline-block;background-repeat:no-repeat;background-position:0 0;cursor:pointer;}input[type=checkbox].css-checkbox:checked+label.css-label:after{content:'x';color:white;}label.css-label{background:#7b3784;border-radius:2px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

92
ReallifeGamemode.Client/assets/css/chat/main.css Normal file
View File

@@ -0,0 +1,92 @@
*, body, html {
padding: 0;
margin: 0;
}
#chat, a, body, html {
color: #fff;
}
body, html {
-webkit-font-smoothing: antialiased;
overflow: hidden;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: calc(.7em + .4vw);
font-weight: 500;
direction: ltr;
}
a {
text-decoration: none;
}
.ui_element {
display: none;
position: absolute;
width: 100vw;
height: 100vh;
z-index: 2;
}
#chat {
display: block;
z-index: 0;
line-height: 1.25;
text-shadow: 1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
letter-spacing: .4px;
margin-top: 1em;
margin-left: 1em;
}
#chat ul#chat_messages {
height: 17.5em;
min-width: 35vw;
max-width: 85vw;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
overflow-y: auto;
overflow-x: hidden;
list-style-type: none;
margin-bottom: .25em;
}
#chat ul#chat_messages > li {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
margin-bottom: .25em;
}
#chat input#chat_msg {
width: 35vw;
outline: 0;
border: none;
border-radius: 3px;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: white;
background: rgba(0, 0, 0, 0.5);
padding: .5em;
}
::-webkit-scrollbar {
width: 11px;
}
::-webkit-scrollbar-thumb {
background: rgba(255, 17, 0, 0);
border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(255, 17, 0, 0);
}
/*# sourceMappingURL=main.css.map */

9
ReallifeGamemode.Client/assets/css/chat/main.css.map Normal file
View File

@@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC;EACZ,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CACV;CAAC;;AAED,AAAA,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC;EACnB,KAAK,EAAE,IACT;CAAC;;AAED,AAAA,IAAI,EAAE,IAAI,CAAC;EACT,sBAAsB,EAAE,WAAW;EACnC,QAAQ,EAAE,MAAM;EAChB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,IAAI;CAClB;;AAED,AAAA,IAAI,CAAC;EACH,WAAW,EAAE,oIAAoI;EACjJ,SAAS,EAAE,iBAAiB;EAC5B,WAAW,EAAE,GAAG;EAChB,SAAS,EAAE,GAAG;CACf;;AAED,AAAA,CAAC,CAAC;EAAE,eAAe,EAAE,IAAI;CAAI;;AAE7B,AAAA,WAAW,CAAC;EACV,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,CACX;CAAC;;AAED,AAAA,KAAK,CAAC;EACJ,OAAO,EAAE,KAAK;EACd,OAAO,EAAE,CAAC;EAEV,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,8EAA8E;EAC3F,cAAc,EAAE,IAAI;EAEpB,UAAU,EAAE,GAAG;EACf,WAAW,EAAE,GAAG;CAmCjB;;AA5CD,AAWE,KAXG,CAWH,EAAE,AAAA,cAAc,CAAC;EACf,MAAM,EAAE,MAAM;EACd,SAAS,EAAE,IAAI;EACf,SAAS,EAAE,IAAI;EACf,SAAS,EAAE,YAAY;EAEvB,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,MAAM;EAElB,eAAe,EAAE,IAAI;EACrB,aAAa,EAAE,KAAK;CAMrB;;AA3BH,AAuBI,KAvBC,CAWH,EAAE,AAAA,cAAc,GAYX,EAAE,CAAC;EACJ,SAAS,EAAE,YAAY;EACvB,aAAa,EAAE,KAAK;CACrB;;AA1BL,AA6BE,KA7BG,CA6BH,KAAK,AAAA,SAAS,CAAC;EACb,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,GAAG;EAElB,SAAS,EAAE,OAAO;EAClB,WAAW,EAAE,OAAO;EACpB,WAAW,EAAE,OAAO;EAEpB,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,kBAAiB;EAE7B,OAAO,EAAE,IAAI;CACd;;AAGH,AAAA,mBAAmB,CAAC;EAClB,KAAK,EAAE,IAAI;CAQZ;;AATD,AAGE,mBAHiB,AAGhB,MAAM,CAAC;EACN,UAAU,EAAE,mBAAmB;EAC/B,aAAa,EAAE,IAAI;CAGpB;;AARH,AAOI,mBAPe,AAGhB,MAAM,AAIJ,MAAM,CAAC;EAAE,UAAU,EAAE,mBAAmB;CAAI",
"sources": [
"main.scss"
],
"names": [],
"file": "main.css"
}

89
ReallifeGamemode.Client/assets/css/chat/main.scss Normal file
View File

@@ -0,0 +1,89 @@
*, body, html {
padding: 0;
margin: 0
}
#chat, a, body, html {
color: #fff
}
body, html {
-webkit-font-smoothing: antialiased;
overflow: hidden;
font-size: 14px;
user-select: none;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: calc(.7em + .4vw);
font-weight: 500;
direction: ltr;
}
a { text-decoration: none; }
.ui_element {
display: none;
position: absolute;
width: 100vw;
height: 100vh;
z-index: 2
}
#chat {
display: block;
z-index: 0;
line-height: 1.25;
text-shadow: 1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
letter-spacing: .4px;
margin-top: 1em;
margin-left: 1em;
ul#chat_messages {
height: 17.5em;
min-width: 35vw;
max-width: 85vw;
transform: rotate(0deg);
overflow-y: auto;
overflow-x: hidden;
list-style-type: none;
margin-bottom: .25em;
&> li {
transform: rotate(0deg);
margin-bottom: .25em;
}
}
input#chat_msg {
width: 35vw;
outline: 0;
border: none;
border-radius: 3px;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: white;
background: rgba(0, 0, 0, .5);
padding: .5em;
}
}
::-webkit-scrollbar {
width: 11px;
&-thumb {
background: rgba(255, 17, 0, 0);
border-radius: 20px;
&:hover { background: rgba(255, 17, 0, 0); }
}
}

0
ReallifeGamemode.Client/assets/chat/style/main.css → ReallifeGamemode.Client/assets/css/chat/main_old.css
View File

0
ReallifeGamemode.Client/assets/chat/fonts/CenturyGothicRegular.ttf → ReallifeGamemode.Client/assets/font/chat/CenturyGothicRegular.ttf
View File

0
ReallifeGamemode.Client/assets/chat/fonts/CodeProLC.otf → ReallifeGamemode.Client/assets/font/chat/CodeProLC.otf
View File

0
ReallifeGamemode.Client/assets/chat/fonts/emoji_unicode.php → ReallifeGamemode.Client/assets/font/chat/emoji_unicode.php
View File

16
ReallifeGamemode.Client/assets/html/chat/index.html Normal file
View File

@@ -0,0 +1,16 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="package://assets/css/chat/checkbox.css" media="screen">
<link rel="stylesheet" type="text/css" href="package://assets/css/chat/main.css" media="screen">
<meta charset="utf-8" />
</head>
<body>
<div id="chat" class="ui_element">
<ul id="chat_messages"></ul>
</div>
<script type="text/javascript" src="package://assets/js/chat/jquery-1.11.3.min.js"></script>
<script src="package://assets/js/chat/main.js"></script>
</body>
</html>

0
ReallifeGamemode.Client/assets/chat/jquery-1.11.3.min.js → ReallifeGamemode.Client/assets/js/chat/jquery-1.11.3.min.js vendored
View File

15
ReallifeGamemode.Client/assets/chat/js/main.js → ReallifeGamemode.Client/assets/js/chat/main.js
View File

@@ -1,4 +1,4 @@
let chat =
let chat =
{
size: 0,
history_limit: 50,
@@ -23,8 +23,7 @@ function enableChatInput(enable) {
if (enable) {
chat.input = $("#chat").append('<div><input id="chat_msg" type="text" /></div>').children(":last");
chat.input.children("input").focus();
}
else {
} else {
chat.input.fadeOut('fast', function () {
chat.input.remove();
chat.input = null;
@@ -65,12 +64,14 @@ var chatAPI =
var today = new Date();
if (chatElement === "<li></li>") {
var time = today.toLocaleTimeString('de-DE');
chat.container.append("<li>" + "[" + time + "] " + text + "</li>");
if (chat.input == null || elmnt.scrollTop == elmnt.scrollHeight - elmnt.clientHeight) {
chat.container.append("<li>" + "[" + today.toLocaleTimeString('de-DE') + "] " + text + "</li>");
elmnt.scrollTop = elmnt.scrollHeight - elmnt.clientHeight;
} else {
chat.container.append("<li>" + "[" + today.toLocaleTimeString('de-DE') + "] " + text + "</li>");
}
// if (!chat.enabled) { elmnt.scrollTo(0, elmnt.scrollHeight); }
} else {
chat.container.append(chatElement);
}
@@ -185,4 +186,4 @@ $(document).ready(function () {
enableChatInput(false);
}
});
});
});

0
ReallifeGamemode.Client/assets/chat/js/newMain.js → ReallifeGamemode.Client/assets/js/chat/newMain.js
View File