Small chat fixes

This commit is contained in:
James Lyne 2020-12-31 23:30:58 +00:00
parent 51a273f8de
commit 7526c6bdd1

View File

@ -41,7 +41,7 @@
const store = useStore(); const store = useStore();
let image = ref(defaultImage), let image = ref(defaultImage),
facesEnabled = computed(() => store.state.components.chat?.showPlayerFaces), facesEnabled = computed(() => store.state.components.chat?.showPlayerFaces),
showSender = computed(() => props.message.type === 'chat'), showSender = computed(() => props.message.playerName && props.message.type === 'chat'),
messageContent = computed(() => { messageContent = computed(() => {
switch(props.message.type) { switch(props.message.type) {
case 'chat': case 'chat':
@ -92,7 +92,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
word-wrap: break-word; word-wrap: break-word;
&:after { &:not(:empty):after {
content: ': '; content: ': ';
} }
} }
@ -101,11 +101,9 @@
word-wrap: break-word; word-wrap: break-word;
} }
&.message--join, &.message--playerjoin,
&.message--leave { &.message--playerleave {
.message__sender:after { font-style: italic;
content: none;
}
} }
@media (max-width: 20rem) { @media (max-width: 20rem) {