From cfa4a2708dd831ef0dab726ad6c8b3f0e2ba4ff1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Wed, 1 Sep 2021 16:42:28 +0100
Subject: [PATCH] Truncate response chart option values + add full option as
 tooltip

---
 www/form/app-form.less | 5 ++++-
 www/form/inner.js      | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/www/form/app-form.less b/www/form/app-form.less
index 5bc46a085..45c075f8a 100644
--- a/www/form/app-form.less
+++ b/www/form/app-form.less
@@ -673,7 +673,10 @@
                     & > span {
                         .cp-form-results-cell();
                         &.cp-value {
-                            min-width: 200px;
+                            max-width: 200px;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
                         }
                         &.cp-bar-container {
                             width: 99%;
diff --git a/www/form/inner.js b/www/form/inner.js
index 7eb2d8fc2..296d8b79c 100644
--- a/www/form/inner.js
+++ b/www/form/inner.js
@@ -1020,7 +1020,7 @@ define([
             var itemScale = (itemCount / max);
 
             rows.push(h('div.cp-form-results-type-radio-data', [
-                h('span.cp-value', value),
+                h('span.cp-value', {'title': value}, value),
                 h('span.cp-count', itemCount),
                 showBar? barGraphic(itemScale): undefined,
             ]));