0001-Optimize-gantt-charts-for-mobile-screens.patch

Felix Gliesche, 2017-05-03 12:40

Download (2.12 KB)

View differences:

app/views/gantts/show.html.erb
121 121

  
122 122
<table style="width:100%; border:0; border-collapse: collapse;">
123 123
<tr>
124
<td style="width:<%= subject_width %>px; padding:0px;">
124
<td style="width:<%= subject_width %>px; padding:0px;" class="gantt_subjects_column">
125 125
  <%
126 126
    style  = ""
127 127
    style += "position:relative;"
128 128
    style += "height: #{t_height + 24}px;"
129 129
    style += "width: #{subject_width + 1}px;"
130 130
  %>
131
  <%= content_tag(:div, :style => style) do %>
131
  <%= content_tag(:div, :style => style, :class => "gantt_subjects_container") do %>
132 132
    <%
133 133
      style  = ""
134 134
      style += "right:-2px;"
public/stylesheets/responsive.css
689 689
    padding-top: 1em;
690 690
  }
691 691

  
692
  /* Gantt charts */
693
  /*
694
   * [1] override inline styles with important
695
   * [2] keep border between subjects and gantt area
696
   * [3] remove whitespace between subjects and gantt area
697
   * [4] maintain width due to [3]
698
   */
699
  .gantt_subjects_column {
700
    width: 60% !important; /* [1] */
701
  }
702

  
703
  .gantt_subjects_container {
704
    width: 100% !important;
705
    overflow: hidden;
706
  }
707

  
708
  .gantt_subjects_column .gantt_hdr {
709
    width: 100% !important;
710
    border-right: 1px solid #c0c0c0; /* [2] */
711
    right: 0 !important; /* [2] */
712
  }
713

  
714
  #gantt_area {
715
    left: -2px; /* [3] */
716
    margin-right: -2px; /* [4] */
717
  }
718

  
692 719
  /*----------------------------------------*\
693 720
    G) FORMS
694 721
  \*----------------------------------------*/
695
-