Integrated responsive graph columns into official template
This commit is contained in:
parent
73d49d8373
commit
8b27b99d0e
|
@ -17,14 +17,28 @@
|
|||
<TMPL_IF NAME="IMGDAYWIDTH">width="<TMPL_VAR NAME="IMGDAYWIDTH">" </TMPL_IF>
|
||||
<TMPL_IF NAME="IMGDAYHEIGHT">height="<TMPL_VAR NAME="IMGDAYHEIGHT">"</TMPL_IF>/>
|
||||
</a></td>
|
||||
<td><a href="<TMPL_VAR NAME="URLX">">
|
||||
<td clas="second_plot_col"><a href="<TMPL_VAR NAME="URLX">">
|
||||
<img class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
|
||||
src="<TMPL_VAR NAME="IMGWEEK">"
|
||||
alt="<TMPL_VAR ESCAPE="HTML" NAME="NAME">"
|
||||
<TMPL_IF NAME="IMGWEEKWIDTH">width="<TMPL_VAR NAME="IMGWEEKWIDTH">" </TMPL_IF>
|
||||
<TMPL_IF NAME="IMGWEEKHEIGHT">height="<TMPL_VAR NAME="IMGWEEKHEIGHT">"</TMPL_IF>/>
|
||||
</a></td>
|
||||
</tr>
|
||||
<td class="third_plot_col"><a href="<TMPL_VAR NAME="URLX">">
|
||||
<img class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
|
||||
src="<TMPL_VAR NAME="IMGMONTH">"
|
||||
alt="<TMPL_VAR ESCAPE="HTML" NAME="NAME">"
|
||||
<TMPL_IF NAME="IMGMONTHWIDTH">width="<TMPL_VAR NAME="IMGMONTHWIDTH">" </TMPL_IF>
|
||||
<TMPL_IF NAME="IMGMONTHHEIGHT">height="<TMPL_VAR NAME="IMGMONTHHEIGHT">"</TMPL_IF>/>
|
||||
</a></td>
|
||||
<td class="fourth_plot_col"><a href="<TMPL_VAR NAME="URLX">">
|
||||
<img class=i<TMPL_IF NAME="STATE_WARNING">warn</TMPL_IF><TMPL_IF NAME="STATE_CRITICAL">crit</TMPL_IF>
|
||||
src="<TMPL_VAR NAME="IMGYEAR">"
|
||||
alt="<TMPL_VAR ESCAPE="HTML" NAME="NAME">"
|
||||
<TMPL_IF NAME="IMGYEARWIDTH">width="<TMPL_VAR NAME="IMGYEARWIDTH">" </TMPL_IF>
|
||||
<TMPL_IF NAME="IMGYEARHEIGHT">height="<TMPL_VAR NAME="IMGYEARHEIGHT">"</TMPL_IF>/>
|
||||
</a></td>
|
||||
</tr>
|
||||
</TMPL_LOOP>
|
||||
</table>
|
||||
</TMPL_LOOP>
|
||||
|
|
|
@ -18,4 +18,23 @@
|
|||
<link rel="icon" type="image/vnd.microsoft.icon" href="<TMPL_VAR NAME="R_PATH">/static/favicon.ico" />
|
||||
<link rel="SHORTCUT ICON" href="<TMPL_VAR NAME="R_PATH">/static/favicon.ico"/>
|
||||
|
||||
<style type="text/css">
|
||||
td.third_plot_col, td.fourth_plot_col {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 1900px) {
|
||||
td.third_plot_col {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 2530px) {
|
||||
td.third_plot_col, td.fourth_plot_col {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
|
Loading…
Reference in New Issue