Patch #25745 » 0001-Optimize-gantt-charts-for-mobile-screens.patch
| 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 |
\*----------------------------------------*/ |
