Avoid much flickering on disk graph item hover

This commit is contained in:
Johannes Zellner
2025-10-14 17:23:45 +02:00
parent de35a935a6
commit 7adabcc203
+3 -3
View File
@@ -144,11 +144,11 @@ onUnmounted(() => {
<div v-if="percent < 100" style="text-align: center; margin-top: 10px;">Calculating speed and disk usage ... {{ parseInt(percent) }}%</div>
<div v-else>
<table style="width: 100%">
<table style="width: 100%;table-layout: fixed">
<tr v-for="content in contents" :key="content.id" @mouseover="highlight = content.id" :class="{ highlight: highlight === content.id }">
<td style="width: 20px"><div class="content-color-indicator" :style="{ backgroundColor: content.color }"></div></td>
<td>{{ content.label }}</td>
<td style="text-align: right">{{ prettyDecimalSize(content.usage) }}</td>
<td style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ content.label }}</td>
<td style="text-align: right; white-space: nowrap;">{{ prettyDecimalSize(content.usage) }}</td>
</tr>
</table>
</div>