added comments to media query css
This commit is contained in:
parent
dc4f97c4db
commit
f2a2623d8e
|
@ -19,16 +19,19 @@
|
||||||
<link rel="SHORTCUT 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">
|
<style type="text/css">
|
||||||
|
/* don't display 3rd & 4th column per default */
|
||||||
td.third_plot_col, td.fourth_plot_col {
|
td.third_plot_col, td.fourth_plot_col {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* show 3rd column when display area width is at least 1900 pixels wide */
|
||||||
@media (min-width: 1900px) {
|
@media (min-width: 1900px) {
|
||||||
td.third_plot_col {
|
td.third_plot_col {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* show 3rd & 4th column when display area width is at least 2530 pixels wide */
|
||||||
@media (min-width: 2530px) {
|
@media (min-width: 2530px) {
|
||||||
td.third_plot_col, td.fourth_plot_col {
|
td.third_plot_col, td.fourth_plot_col {
|
||||||
display: inline;
|
display: inline;
|
||||||
|
|
Loading…
Reference in New Issue