From 313706276c2478d03bd6d22c9495f3bbef292ec8 Mon Sep 17 00:00:00 2001
From: Jean-Philippe Lang <jp_lang@yahoo.fr>
Date: Sat, 27 May 2017 07:36:01 +0000
Subject: [PATCH] Merged r16556 (#25745).

git-svn-id: http://svn.redmine.org/redmine/branches/3.2-stable@16565 e93f8b46-1217-0410-a6f0-8f06a7374b81
---
 app/views/gantts/show.html.erb    |  4 ++--
 public/stylesheets/responsive.css | 27 +++++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/app/views/gantts/show.html.erb b/app/views/gantts/show.html.erb
index dc89b2090..384e965de 100644
--- a/app/views/gantts/show.html.erb
+++ b/app/views/gantts/show.html.erb
@@ -121,14 +121,14 @@
 
 <table style="width:100%; border:0; border-collapse: collapse;">
 <tr>
-<td style="width:<%= subject_width %>px; padding:0px;">
+<td style="width:<%= subject_width %>px; padding:0px;" class="gantt_subjects_column">
   <%
     style  = ""
     style += "position:relative;"
     style += "height: #{t_height + 24}px;"
     style += "width: #{subject_width + 1}px;"
   %>
-  <%= content_tag(:div, :style => style) do %>
+  <%= content_tag(:div, :style => style, :class => "gantt_subjects_container") do %>
     <%
       style  = ""
       style += "right:-2px;"
diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css
index 0cde3eea0..28934f792 100644
--- a/public/stylesheets/responsive.css
+++ b/public/stylesheets/responsive.css
@@ -676,6 +676,33 @@
     padding-top: 1em;
   }
 
+  /* Gantt charts */
+  /*
+   * [1] override inline styles with important
+   * [2] keep border between subjects and gantt area
+   * [3] remove whitespace between subjects and gantt area
+   * [4] maintain width due to [3]
+   */
+  .gantt_subjects_column {
+    width: 60% !important; /* [1] */
+  }
+
+  .gantt_subjects_container {
+    width: 100% !important;
+    overflow: hidden;
+  }
+
+  .gantt_subjects_column .gantt_hdr {
+    width: 100% !important;
+    border-right: 1px solid #c0c0c0; /* [2] */
+    right: 0 !important; /* [2] */
+  }
+
+  #gantt_area {
+    left: -2px; /* [3] */
+    margin-right: -2px; /* [4] */
+  }
+
   /*----------------------------------------*\
     G) FORMS
   \*----------------------------------------*/
-- 
2.39.5