diff options
author | Bryce Johnson <bryce@gitlab.com> | 2017-04-17 12:54:31 -0400 |
---|---|---|
committer | Bryce Johnson <bryce@gitlab.com> | 2017-04-17 12:54:31 -0400 |
commit | 41f018516aba0140cb3a1acd2a0ad461737ad9d7 (patch) | |
tree | f77933d4bfe7a3a1eed39513ad6a9c1d1ad0ccbe | |
parent | 29517307ddc936ab30aadf107de56373fc9f2354 (diff) | |
download | gitlab-ce-41f018516aba0140cb3a1acd2a0ad461737ad9d7.tar.gz |
Use ellipsis and nowrap.
-rw-r--r-- | app/assets/stylesheets/pages/projects.scss | 16 |
1 files 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 { |