gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

fix: modify message css to avoid weird line spacing
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
JustTemmie 2025-06-03 06:15:51 +02:00
parent 76952922bf
commit a56e12149b
Signed by: justtemmie
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/Message.vue
View file

@ -19,7 +19,7 @@
<div v-else ref="messageElement" :id="props.last ? 'last-message' : undefined" class="message grouped-message" tabindex="0"> <div v-else ref="messageElement" :id="props.last ? 'last-message' : undefined" class="message grouped-message" tabindex="0">
<div class="left-column"> <div class="left-column">
<div> <div>
<span :class="{ 'invisible': dateHidden }" class="message-date" :title="date.toString()"> <span :class="{ 'invisible': dateHidden }" class="message-date side-message-date" :title="date.toString()">
{{ messageDate }} {{ messageDate }}
</span> </span>
</div> </div>
@ -140,7 +140,7 @@ onMounted(async () => {
} }
.left-column { .left-column {
margin-right: .5dvw; min-width: 4dvw;
text-align: center; text-align: center;
align-content: center; align-content: center;
} }
@ -156,6 +156,10 @@ onMounted(async () => {
cursor: default; cursor: default;
} }
.side-message-date {
font-size: .625em;
}
/* /*
.message-date-tooltip { .message-date-tooltip {
height: 20px;; height: 20px;;