From 501c28ed7f8fae172089bd0bf1609a98177bfdfd Mon Sep 17 00:00:00 2001 From: bergware Date: Fri, 30 Jun 2017 08:54:40 +0200 Subject: [PATCH] Automatic 2 or 3 column display on Dashboard page based on screen width --- plugins/dynamix/styles/default-azure.css | 11 ++++++++++- plugins/dynamix/styles/default-black.css | 16 ++++++++++++---- plugins/dynamix/styles/default-gray.css | 11 ++++++++++- plugins/dynamix/styles/default-white.css | 16 ++++++++++++---- 4 files changed, 44 insertions(+), 10 deletions(-) diff --git a/plugins/dynamix/styles/default-azure.css b/plugins/dynamix/styles/default-azure.css index ad5838d5a..855db63a2 100644 --- a/plugins/dynamix/styles/default-azure.css +++ b/plugins/dynamix/styles/default-azure.css @@ -177,7 +177,6 @@ table.share_status.dash{float:left;width:35%;margin-top:36px;margin-right:6px;bo table.share_status.dash thead tr:first-child td{line-height:30px} table.share_status.dash thead tr:last-child>td{border-bottom:1px solid #606E7F;text-align:left;color:#606E7F} table.share_status.dash tbody td.blue{color:#606E7F} -table.share_status.dash.line{width:49%;margin-right:2%;table-layout:fixed} table.share_status.dash.line tbody tr.wide{height:40px;line-height:40px} table.share_status.dash.line tbody td{padding:3px 4px 3px 10px} table.share_status.dash.line tr>td{width:25%} @@ -187,10 +186,20 @@ table.share_status.dash.line tr>td[colspan='4']{width:100%} table.share_status.dash.line tr>td:last-child{white-space:normal} table.share_status.dash tr.h48{height:48px} table.share_status.dash td:first-child{width:25%} +@media (max-width:1440px){ +table.share_status.dash.line{width:49%;margin-right:2%;table-layout:fixed} table.share_status.m36{width:49%;margin-left:0;margin-right:0} table.share_status.m36 tr>td+td+td{width:12%} table.share_status.m0{width:49%;margin-left:0;margin-right:0} table.share_status.m0 tr>td+td+td{width:12%} +} +@media (min-width:1441px){ +table.share_status.dash.line{width:33%;margin-right:7px;table-layout:fixed} +table.share_status.m36{width:33%;margin-left:0;margin-right:0} +table.share_status.m36 tr>td+td+td{width:12%} +table.share_status.m0{width:33%;margin-left:0;margin-right:7px} +table.share_status.m0 tr>td+td+td{width:12%} +} tr.alert{color:#F0000C;background-color:#FF9E9E} tr.warn{color:#E68A00;background-color:#FEEFB3} tr.past{color:#D63301;background-color:#FFDDD1} diff --git a/plugins/dynamix/styles/default-black.css b/plugins/dynamix/styles/default-black.css index f1b4ed337..28761c3b0 100644 --- a/plugins/dynamix/styles/default-black.css +++ b/plugins/dynamix/styles/default-black.css @@ -161,7 +161,6 @@ table.share_status.table tr>td{width:50%} table.share_status.dash{float:left;width:35%;margin-top:36px;border:1px solid #202020} table.share_status.dash thead tr:last-child>td{font-weight:bold;border-bottom:1px solid #202020} table.share_status.dash tbody td.blue{color:#3B5998} -table.share_status.dash.line{width:49%;margin-right:2%;table-layout:fixed} table.share_status.dash.line tbody tr:nth-child(even){background-color:#000000} table.share_status.dash.line tbody tr.wide{height:40px;line-height:40px} table.share_status.dash.line tbody td{border:1px solid #202020;padding:3px 4px 3px 10px} @@ -172,11 +171,20 @@ table.share_status.dash.line tr>td[colspan="4"]{width:100%} table.share_status.dash.line tr>td:last-child{white-space:normal} table.share_status.dash tr.h48{height:48px} table.share_status.dash td:first-child{width:25%} +@media (max-width:1440px){ +table.share_status.dash.line{width:49%;margin-right:2%;table-layout:fixed} table.share_status.m36{width:49%;margin-left:0;margin-right:0} -table.share_status.m36 tr>td+td+td{width:14%} -table.share_status.m36 tr>td+td+td+td{width:8%;text-align:center} +table.share_status.m36 tr>td+td+td{width:12%} table.share_status.m0{width:49%;margin-left:0;margin-right:0} -table.share_status.m0 tr>td+td+td{width:12%;text-align:center} +table.share_status.m0 tr>td+td+td{width:12%} +} +@media (min-width:1441px){ +table.share_status.dash.line{width:33%;margin-right:7px;table-layout:fixed} +table.share_status.m36{width:33%;margin-left:0;margin-right:0} +table.share_status.m36 tr>td+td+td{width:12%} +table.share_status.m0{width:33%;margin-left:0;margin-right:7px} +table.share_status.m0 tr>td+td+td{width:12%} +} [name=arrayOps]{margin-top:12px} span.error{color:#F0000C;background-color:#FF9E9E;display:block;width:100%} span.warn{color:#E68A00;background-color:#FEEFB3;display:block;width:100%} diff --git a/plugins/dynamix/styles/default-gray.css b/plugins/dynamix/styles/default-gray.css index 024bdb687..0c521daba 100644 --- a/plugins/dynamix/styles/default-gray.css +++ b/plugins/dynamix/styles/default-gray.css @@ -177,7 +177,6 @@ table.share_status.dash{float:left;width:35%;margin-top:36px;margin-right:6px;bo table.share_status.dash thead tr:first-child td{line-height:30px} table.share_status.dash thead tr:last-child>td{border-bottom:1px solid #606E7F;text-align:left;color:#606E7F} table.share_status.dash tbody td.blue{color:#606E7F} -table.share_status.dash.line{width:49%;margin-right:2%;table-layout:fixed} table.share_status.dash.line tbody tr.wide{height:40px;line-height:40px} table.share_status.dash.line tbody td{padding:3px 4px 3px 10px} table.share_status.dash.line tr>td{width:25%} @@ -187,10 +186,20 @@ table.share_status.dash.line tr>td[colspan='4']{width:100%} table.share_status.dash.line tr>td:last-child{white-space:normal} table.share_status.dash tr.h48{height:48px} table.share_status.dash td:first-child{width:25%} +@media (max-width:1440px){ +table.share_status.dash.line{width:49%;margin-right:2%;table-layout:fixed} table.share_status.m36{width:49%;margin-left:0;margin-right:0} table.share_status.m36 tr>td+td+td{width:12%} table.share_status.m0{width:49%;margin-left:0;margin-right:0} table.share_status.m0 tr>td+td+td{width:12%} +} +@media (min-width:1441px){ +table.share_status.dash.line{width:33%;margin-right:7px;table-layout:fixed} +table.share_status.m36{width:33%;margin-left:0;margin-right:0} +table.share_status.m36 tr>td+td+td{width:12%} +table.share_status.m0{width:33%;margin-left:0;margin-right:7px} +table.share_status.m0 tr>td+td+td{width:12%} +} tr.alert{color:#F0000C;background-color:#FF9E9E} tr.warn{color:#E68A00;background-color:#FEEFB3} tr.past{color:#D63301;background-color:#FFDDD1} diff --git a/plugins/dynamix/styles/default-white.css b/plugins/dynamix/styles/default-white.css index a13b5e132..b5ca7ca5f 100644 --- a/plugins/dynamix/styles/default-white.css +++ b/plugins/dynamix/styles/default-white.css @@ -161,7 +161,6 @@ table.share_status.table tr>td{width:50%} table.share_status.dash{float:left;width:35%;margin-top:36px;border:1px solid #D0D0D0} table.share_status.dash thead tr:last-child>td{font-weight:bold;border-bottom:1px solid #D0D0D0} table.share_status.dash tbody td.blue{color:#3B5998} -table.share_status.dash.line{width:49%;margin-right:2%;table-layout:fixed} table.share_status.dash.line tbody tr:nth-child(even){background-color:#FFFFFF} table.share_status.dash.line tbody tr.wide{height:40px;line-height:40px} table.share_status.dash.line tbody td{border:1px solid #D0D0D0;padding:3px 4px 3px 10px} @@ -172,11 +171,20 @@ table.share_status.dash.line tr>td[colspan="4"]{width:100%} table.share_status.dash.line tr>td:last-child{white-space:normal} table.share_status.dash tr.h48{height:48px} table.share_status.dash td:first-child{width:25%} +@media (max-width:1440px){ +table.share_status.dash.line{width:49%;margin-right:2%;table-layout:fixed} table.share_status.m36{width:49%;margin-left:0;margin-right:0} -table.share_status.m36 tr>td+td+td{width:14%} -table.share_status.m36 tr>td+td+td+td{width:8%;text-align:center} +table.share_status.m36 tr>td+td+td{width:12%} table.share_status.m0{width:49%;margin-left:0;margin-right:0} -table.share_status.m0 tr>td+td+td{width:12%;text-align:center} +table.share_status.m0 tr>td+td+td{width:12%} +} +@media (min-width:1441px){ +table.share_status.dash.line{width:33%;margin-right:7px;table-layout:fixed} +table.share_status.m36{width:33%;margin-left:0;margin-right:0} +table.share_status.m36 tr>td+td+td{width:12%} +table.share_status.m0{width:33%;margin-left:0;margin-right:7px} +table.share_status.m0 tr>td+td+td{width:12%} +} [name=arrayOps]{margin-top:12px} span.error{color:#F0000C;background-color:#FF9E9E;display:block;width:100%} span.warn{color:#E68A00;background-color:#FEEFB3;display:block;width:100%}