From 219488cfe1c1a924305af2a480053b67bb16dfe7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Sat, 12 Mar 2016 11:49:06 +0100
Subject: [PATCH] backoffice: ellipisise long variable names in inspect view
 (#10279)

---
 wcs/backoffice/management.py        | 2 +-
 wcs/qommon/static/css/dc2/admin.css | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/wcs/backoffice/management.py b/wcs/backoffice/management.py
index f2abdc1..0d4735e 100644
--- a/wcs/backoffice/management.py
+++ b/wcs/backoffice/management.py
@@ -1815,7 +1815,7 @@ class FormBackOfficeStatusPage(FormStatusPage):
         substvars = self.filled.get_substitution_variables()
         substvars.update(self.filled.formdef.get_substitution_variables())
         for k, v in sorted(substvars.items()):
-            r += htmltext('<li><code>%s</code>') % k
+            r += htmltext('<li><code title="%s">%s</code>') % (k, k)
             r += htmltext('  <div class="value"><span>%s</span>') % v
             if not isinstance(v, basestring):
                 r += htmltext(' <span class="type">(%s)</span>') % type(v)
diff --git a/wcs/qommon/static/css/dc2/admin.css b/wcs/qommon/static/css/dc2/admin.css
index 92e3330..a92faa1 100644
--- a/wcs/qommon/static/css/dc2/admin.css
+++ b/wcs/qommon/static/css/dc2/admin.css
@@ -1290,6 +1290,8 @@ ul.form-inspector li code {
 	padding: 0 1ex;
 	float: left;
 	width: 25%;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 ul.form-inspector li div.value {
-- 
2.7.0