Truncate response chart option values + add full option as tooltip

3 years ago · cfa4a2708d
parent 258ccd4e60
commit cfa4a2708d
2 changed files with 5 additions and 2 deletions
--- 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%;
--- 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,
            ]));