From 090fb59194462324507d75f032aa803303c3e041 Mon Sep 17 00:00:00 2001
From: Alexey Milovidov <milovidov@clickhouse.com>
Date: Sat, 3 Aug 2024 02:20:58 +0200
Subject: [PATCH] Automatic field width of chart parameters

---
 programs/server/dashboard.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/programs/server/dashboard.html b/programs/server/dashboard.html
index 344de779065..0b099b15536 100644
--- a/programs/server/dashboard.html
+++ b/programs/server/dashboard.html
@@ -218,6 +218,7 @@
 
         #chart-params .param {
             width: 6%;
+            font-family: monospace;
         }
 
         input {
@@ -658,6 +659,10 @@ function insertParam(name, value) {
     param_value.value = value;
     param_value.spellcheck = false;
 
+    let setWidth = e => { e.style.width = (e.value.length + 1) + 'ch' };
+    if (value) { setWidth(param_value); }
+    param_value.addEventListener('input', e => setWidth(e.target));
+
     param_wrapper.appendChild(param_name);
     param_wrapper.appendChild(param_value);
     document.getElementById('chart-params').appendChild(param_wrapper);