overflow hidden on message so word forces break; decrease maxlength of username to 60 chars. fix #417

This commit is contained in:
Ginger Wong 2020-12-04 00:00:50 -08:00
parent 5e41dab92c
commit 26c066b454
2 changed files with 2 additions and 2 deletions

View file

@ -19,7 +19,7 @@ export default class Message extends Component {
html`
<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="text-white text-center opacity-50 break-words">
<div class="text-white text-center opacity-50 overflow-hidden break-words">
<span class="font-bold">${oldName}</span> is now known as <span class="font-bold">${newName}</span>.
</div>
</div>

View file

@ -82,7 +82,7 @@ export default class UsernameForm extends Component {
<input type="text"
id="username-change-input"
class="appearance-none block w-full bg-gray-200 text-gray-700 border border-black-500 rounded py-1 px-1 leading-tight text-xs focus:bg-white"
maxlength="100"
maxlength="60"
placeholder="Update username"
defaultValue=${username}
onKeydown=${this.handleKeydown}