[Bug] Fix ReadableTime overlapping message text in Firefox(#219)
This commit is contained in:
parent
565a8439c0
commit
0d5c070f51
2 changed files with 3 additions and 7 deletions
|
@ -320,7 +320,6 @@
|
||||||
font-size: $font-size-micro;
|
font-size: $font-size-micro;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
margin-left: $space-slab;
|
margin-left: $space-slab;
|
||||||
position: absolute;
|
|
||||||
right: -$space-micro;
|
right: -$space-micro;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,15 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<span class="message-text__wrap">
|
<span class="message-text__wrap">
|
||||||
<span v-html="message" class="message-text"></span>
|
<span class="time">{{ readableTime }}</span>
|
||||||
<span class="time">{{readableTime}}</span>
|
<span v-html="message"></span>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
props: [
|
props: ['message', 'readableTime'],
|
||||||
'message',
|
|
||||||
'readableTime',
|
|
||||||
],
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue