diff --git a/src/ts/components/shared/chat-box/chat-box.scss b/src/ts/components/shared/chat-box/chat-box.scss index 96e0e9a..1ac7665 100644 --- a/src/ts/components/shared/chat-box/chat-box.scss +++ b/src/ts/components/shared/chat-box/chat-box.scss @@ -1,4 +1,5 @@ @import '../../../../styles/partials/variables'; + .chat-box { max-width: 500px; height: 37px; @@ -51,27 +52,27 @@ .chat-party > &, .chat-party-think > & { color: $chat-party; } - + .chat-say > &, .chat-think > & { color: $chat-color; } - + .chat-sup > & { color: $supporter-1; } - + .chat-sup1 > & { color: $supporter-1; } - + .chat-sup2 > & { color: $supporter-2; } - + .chat-sup3 > & { color: $supporter-3; } - + .chat-whisper > & { color: $chat-whisper; } diff --git a/src/ts/components/shared/chat-log/chat-log.ts b/src/ts/components/shared/chat-log/chat-log.ts index d3d11d7..6739f47 100644 --- a/src/ts/components/shared/chat-log/chat-log.ts +++ b/src/ts/components/shared/chat-log/chat-log.ts @@ -112,7 +112,7 @@ export function createChatLogLineDOM(clickLabel: ClickHandler, clickName: ClickH 'span', 'chat-line-label mr-1', [line.labelText = textNode('')], undefined, { click: () => clickLabel(line.entry) }), line.prefixText = textNode(''), line.name = element('span', 'chat-line-name', [ - textNode(`[`), + textNode('['), line.nameContent = element( 'span', 'chat-line-name-content', [textNode('')], undefined, { click: () => clickName(line.entry) }), line.index = element('span', 'chat-line-name-index', [line.indexText = textNode('')], { title: 'duplicate name' }),