From 6543d73a64cf1e9ce6c7d5add737fb53b832ecbd Mon Sep 17 00:00:00 2001
From: Jean-Philippe Lang <jp_lang@yahoo.fr>
Date: Sat, 13 May 2017 09:35:32 +0000
Subject: Optimize gantt charts for mobile screens (#25745).

Patch by Felix Gliesche.

git-svn-id: http://svn.redmine.org/redmine/trunk@16556 e93f8b46-1217-0410-a6f0-8f06a7374b81
---
 public/stylesheets/responsive.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

(limited to 'public')

diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css
index e4b8be20e..c1a9dc193 100644
--- a/public/stylesheets/responsive.css
+++ b/public/stylesheets/responsive.css
@@ -685,6 +685,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
   \*----------------------------------------*/
-- 
cgit v1.2.3