Skip to content

Commit aa1abdb

Browse files
committed
Fixed replied chat message size #924
1 parent a365471 commit aa1abdb

File tree

3 files changed

+6
-5
lines changed

3 files changed

+6
-5
lines changed

src/component/chat-box/chat-message.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ pre {
4949
border-radius: 5px;
5050
margin: 0 0 0 auto;
5151
width: 100%;
52-
padding: 0 0.3rem;
52+
padding: 0.3rem;
5353
}
5454
.reply-message-header {
5555
font-weight: bold;

src/component/chat-box/chat-message.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -88,10 +88,10 @@ export class ChatBoxMessage extends Component {
8888
<div class="chat-message-boxed">
8989
${when(this.editing, () => html`
9090
<div class="chat-message-edit">
91-
<textarea
92-
@input="${(e: InputEvent) => this.editedText = (e.target as HTMLTextAreaElement).value}"
93-
.value="${this.editedText}" id="edit-message-textarea">
94-
</textarea>
91+
<textarea
92+
@input="${(e: InputEvent) => this.editedText = (e.target as HTMLTextAreaElement).value}"
93+
.value="${this.editedText}" id="edit-message-textarea">
94+
</textarea>
9595
<sl-button id="message-submit" slot="right-pane" @click="${this.postEditedMessage}"
9696
type="submit" form="course-message-form" size="medium" circle>
9797
<sl-icon name="send"></sl-icon>

src/component/chat-form/chat-form.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,7 @@ form pre {
4343
padding: 0;
4444
font-family: inherit;
4545
font-size: small;
46+
white-space: pre-wrap;
4647
}
4748

4849
form .reply-message-container {

0 commit comments

Comments
 (0)