ppfun/pixelplanet
13
Fork 18
Code Issues 24 Pull Requests Releases 2 Activity

make every second chat message display differently

Browse Source
This commit is contained in:
HF 2022-02-09 22:31:58 +01:00
parent ba3adfead6
commit eb7b8782fe
5 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/reducers/chat.js
View File

@ -153,7 +153,7 @@ export default function chat(
], ],
}; };
if (messages[channel].length > MAX_CHAT_MESSAGES) { if (messages[channel].length > MAX_CHAT_MESSAGES) {
messages[channel].shift(); messages[channel].splice(0, 2);
} }
/* /*

9
src/styles/default.css
View File

@ -660,6 +660,7 @@ tr:nth-child(even) {
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
.chatinput { .chatinput {
height: 24px; height: 24px;
white-space: nowrap; white-space: nowrap;
@ -678,12 +679,16 @@ tr:nth-child(even) {
text-align: right; text-align: right;
} }
.chatmsg { .chatmsg {
background-color: #eaeaea;
font-size: 13px; font-size: 13px;
user-select: text; user-select: text;
margin: 5px 0 0 0; padding: 5px 0 0 0;
}
.chatmsg:nth-child(even) {
background-color: #f2f2f2;
} }
.chatmsg:hover { .chatmsg:hover {
background-color: #ececec; background-color: #dadada;
} }
.msg { .msg {
color: #2d2d2d; color: #2d2d2d;

8
src/styles/theme-dark-round.css
View File

@ -136,8 +136,14 @@ tr:nth-child(even) {
background-color: rgba(187, 187, 187, 0.75); background-color: rgba(187, 187, 187, 0.75);
} }
.chatmsg {
background-color: #393939;
}
.chatmsg:nth-child(even) {
background-color: #414141;
}
.chatmsg:hover { .chatmsg:hover {
background-color: #474747; background-color: #393939;
} }
.msg { .msg {
color: #f3f3f3; color: #f3f3f3;

8
src/styles/theme-dark-sstraight.css
View File

@ -141,8 +141,14 @@ tr:nth-child(even) {
background-color: rgba(187, 187, 187, 0.75); background-color: rgba(187, 187, 187, 0.75);
} }
.chatmsg {
background-color: #393939;
}
.chatmsg:nth-child(even) {
background-color: #414141;
}
.chatmsg:hover { .chatmsg:hover {
background-color: #474747; background-color: #393939;
} }
.msg { .msg {
color: #f3f3f3; color: #f3f3f3;

8
src/styles/theme-dark.css
View File

@ -121,8 +121,14 @@ tr:nth-child(even) {
background-color: rgba(187, 187, 187, 0.75); background-color: rgba(187, 187, 187, 0.75);
} }
.chatmsg {
background-color: #393939;
}
.chatmsg:nth-child(even) {
background-color: #414141;
}
.chatmsg:hover { .chatmsg:hover {
background-color: #474747; background-color: #393939;
} }
.msg { .msg {
color: #f3f3f3; color: #f3f3f3;