LogalDeveloper/owncast
0
Fork 0
Code Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
webroot/js/components/chat/message.js
View File

@@ -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 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>. <span class="font-bold">${oldName}</span> is now known as <span class="font-bold">${newName}</span>.
</div> </div>
</div> </div>

2
webroot/js/components/chat/username.js
View File

@@ -82,7 +82,7 @@ export default class UsernameForm extends Component {
<input type="text" <input type="text"
id="username-change-input" 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" 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" placeholder="Update username"
defaultValue=${username} defaultValue=${username}
onKeydown=${this.handleKeydown} onKeydown=${this.handleKeydown}