make emoji search text more legible; break long user name change messages
This commit is contained in:
@@ -490,7 +490,7 @@ export default class App extends Component {
|
|||||||
<${Chat}
|
<${Chat}
|
||||||
websocket=${websocket}
|
websocket=${websocket}
|
||||||
username=${username}
|
username=${username}
|
||||||
chatInputEnabled=${chatInputEnabled}
|
chatInputEnabled=${true || chatInputEnabled}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -19,7 +19,7 @@ export default class Message extends Component {
|
|||||||
html`
|
html`
|
||||||
<div class="message message-name-change flex items-center justify-start p-3">
|
<div class="message message-name-change flex items-center justify-start p-3">
|
||||||
<div class="message-content flex flex-row items-center justify-center text-sm w-full">
|
<div class="message-content flex flex-row items-center justify-center text-sm w-full">
|
||||||
<div class="text-white text-center opacity-50">
|
<div class="text-white text-center opacity-50 break-words">
|
||||||
<span class="font-bold">${oldName}</span> is now known as <span class="font-bold">${newName}</span>.
|
<span class="font-bold">${oldName}</span> is now known as <span class="font-bold">${newName}</span>.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -112,6 +112,10 @@
|
|||||||
scrollbar-color: var(--category-button-color) black;
|
scrollbar-color: var(--category-button-color) black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.emoji-picker__search {
|
||||||
|
color: rgba(26, 32, 44, 1);
|
||||||
|
}
|
||||||
|
|
||||||
/* MESSAGE TEXT HTML */
|
/* MESSAGE TEXT HTML */
|
||||||
/* MESSAGE TEXT HTML */
|
/* MESSAGE TEXT HTML */
|
||||||
/* MESSAGE TEXT HTML */
|
/* MESSAGE TEXT HTML */
|
||||||
|
|||||||
Reference in New Issue
Block a user