sneak/netwatch
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fix latency text overlapping sparkline in host row grid

Browse Source 
Use minmax(0,1fr) for the name column so it can shrink below its
min-content width, and add overflow-hidden on the grid container
to clip any overflow at the boundary.
This commit is contained in:
Jeffrey Paul
2026-02-26 19:05:32 +07:00
parent 85058a336a
commit f5327a11c1
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/main.js
View File

@@ -553,7 +553,7 @@ function hostRowHTML(host, index, showPin = true) {
<div class="host-row bg-gray-800/50 rounded-lg p-2 border border-gray-700/50" data-index="${index}"> <div class="host-row bg-gray-800/50 rounded-lg p-2 border border-gray-700/50" data-index="${index}">
<div class="flex items-center gap-4 min-w-0"> <div class="flex items-center gap-4 min-w-0">
${pinBtn} ${pinBtn}
<div class="w-[480px] flex-shrink min-w-0 grid grid-cols-[1fr_auto] items-baseline"> <div class="w-[480px] flex-shrink min-w-0 overflow-hidden grid grid-cols-[minmax(0,1fr)_auto] items-baseline">
<div class="flex items-center gap-2 min-w-0"> <div class="flex items-center gap-2 min-w-0">
<div class="w-3 h-3 rounded-full flex-shrink-0" style="background-color: ${latencyHex(null)}"></div> <div class="w-3 h-3 rounded-full flex-shrink-0" style="background-color: ${latencyHex(null)}"></div>
<span class="font-medium text-white truncate">${host.name}</span> <span class="font-medium text-white truncate">${host.name}</span>