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) {
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-y: scroll;
}
.chatinput {
height: 24px;
white-space: nowrap;
@ -678,12 +679,16 @@ tr:nth-child(even) {
text-align: right;
}
.chatmsg {
background-color: #eaeaea;
font-size: 13px;
user-select: text;
margin: 5px 0 0 0;
padding: 5px 0 0 0;
}
.chatmsg:nth-child(even) {
background-color: #f2f2f2;
}
.chatmsg:hover {
background-color: #ececec;
background-color: #dadada;
}
.msg {
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);
}
.chatmsg {
background-color: #393939;
}
.chatmsg:nth-child(even) {
background-color: #414141;
}
.chatmsg:hover {
background-color: #474747;
background-color: #393939;
}
.msg {
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);
}
.chatmsg {
background-color: #393939;
}
.chatmsg:nth-child(even) {
background-color: #414141;
}
.chatmsg:hover {
background-color: #474747;
background-color: #393939;
}
.msg {
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);
}
.chatmsg {
background-color: #393939;
}
.chatmsg:nth-child(even) {
background-color: #414141;
}
.chatmsg:hover {
background-color: #474747;
background-color: #393939;
}
.msg {
color: #f3f3f3;