From 41f018516aba0140cb3a1acd2a0ad461737ad9d7 Mon Sep 17 00:00:00 2001 From: Bryce Johnson Date: Mon, 17 Apr 2017 12:54:31 -0400 Subject: Use ellipsis and nowrap. --- app/assets/stylesheets/pages/projects.scss | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss index 4cf5a3f7b8d..742ca10944c 100644 --- a/app/assets/stylesheets/pages/projects.scss +++ b/app/assets/stylesheets/pages/projects.scss @@ -929,20 +929,24 @@ pre.light-well { } .variable-key { - width: 120px; - max-width: 120px; + /* 45px is not the actual maximum width. The + browser uses it to calculate cell width relative + to variable-value and variable-menu */ + max-width: 45px; + // This is the actual min-width, makes a difference only on small screens + min-width: 100px; overflow: hidden; word-wrap: break-word; - - // override bootstrap - white-space: normal!important; + white-space: nowrap; + text-overflow: ellipsis; } .variable-value { - width: 150px; max-width: 150px; overflow: hidden; word-wrap: break-word; + white-space: nowrap; + text-overflow: ellipsis; } .variable-menu { -- cgit v1.2.1