From b19bb38bd79033b7fbd11afa02273ab3e3a2f374 Mon Sep 17 00:00:00 2001
From: Bryce Johnson <bryce@gitlab.com>
Date: Wed, 21 Dec 2016 14:27:43 +0100
Subject: Force variable key cell to stay small and wrap text.

---
 app/assets/stylesheets/pages/projects.scss | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index cd0839e58ea..aa59f7d3f2e 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -930,7 +930,18 @@ pre.light-well {
   table-layout: fixed;
 
   .variable-key {
-    width: 30%;
+    width: 300px;
+    max-width: 300px;
+    overflow: hidden;
+    word-wrap: break-word;
+
+    // override bootstrap
+    white-space: normal!important;
+
+    @media (max-width: $screen-sm-max) {
+      width: 150px;
+      max-width: 150px;
+    }
   }
 }
 
-- 
cgit v1.2.3


From 80c99ff1eb21c852c3b620e51a8619b49a68722e Mon Sep 17 00:00:00 2001
From: Bryce Johnson <bryce@gitlab.com>
Date: Mon, 23 Jan 2017 12:18:53 -0500
Subject: Make variables table border consistent across viewport widths.

---
 app/assets/stylesheets/pages/projects.scss | 3 +++
 1 file changed, 3 insertions(+)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index aa59f7d3f2e..78a8d73dfdc 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -927,6 +927,9 @@ pre.light-well {
 }
 
 .variables-table {
+  &.table-responsive {
+    border: none;
+  }
   table-layout: fixed;
 
   .variable-key {
-- 
cgit v1.2.3


From 05a8de40575f2293bf2434aa2775a73844774fdb Mon Sep 17 00:00:00 2001
From: Bryce Johnson <bryce@gitlab.com>
Date: Mon, 23 Jan 2017 12:32:08 -0500
Subject: Fix size of variable-value column for small screens.

---
 app/assets/stylesheets/pages/projects.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index 78a8d73dfdc..3187facbc89 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -946,6 +946,15 @@ pre.light-well {
       max-width: 150px;
     }
   }
+
+  .variable-value {
+    @media(max-width: $screen-xs-max) {
+      width: 150px;
+      max-width: 150px;
+      overflow: hidden;
+      word-wrap: break-word;
+    }
+  }
 }
 
 .services-installation-info .row {
-- 
cgit v1.2.3


From 50ae00dc35174a1a99c96990a0d6adb981675a07 Mon Sep 17 00:00:00 2001
From: Bryce Johnson <bryce@gitlab.com>
Date: Tue, 24 Jan 2017 09:02:02 -0500
Subject: Shush scss_lint.

---
 app/assets/stylesheets/pages/projects.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index 3187facbc89..1b0bf4554e6 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -927,10 +927,11 @@ pre.light-well {
 }
 
 .variables-table {
+  table-layout: fixed;
+
   &.table-responsive {
     border: none;
   }
-  table-layout: fixed;
 
   .variable-key {
     width: 300px;
-- 
cgit v1.2.3