From 93da33e08d56508a3adf9c6ebb6ca453b676842a Mon Sep 17 00:00:00 2001 From: zenggang Date: Wed, 6 Jul 2022 09:38:39 +0000 Subject: [PATCH] * Adjust cfd style --- module/execution/css/cfd.css | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/module/execution/css/cfd.css b/module/execution/css/cfd.css index 7470f5d162..9655023122 100644 --- a/module/execution/css/cfd.css +++ b/module/execution/css/cfd.css @@ -2,24 +2,33 @@ .pull-left .input-control {margin-right: 10px;} +#cfdWrapper {max-width: 1450px; padding: 25px 0px 10px; position: relative} +#cfdYUnit {position: absolute; color: #CBD0DB; top: 40px; left: 30px} +#cfdXUnit {position: absolute; color: #CBD0DB; bottom: 20px; left: 1200px} @media screen and (max-width: 1920px) { -#cfdWrapper {max-width: 1400px; padding: 25px 0px 10px; position: relative} #cfdChart {width:1400px !important; height:600px !important} -#cfdYUnit {position: absolute; color: #CBD0DB; top: 40px; left: 30px} -#cfdXUnit {position: absolute; color: #CBD0DB; bottom: 20px; right: 0px} #mainContent {min-width: 1550px !important;} #burnStatistics {left: 1400px !important;} +#cfdXUnit {left: 1400px;} } @media screen and (max-width: 1680px) { -#cfdChart {width:1100px !important; height:400px !important} -#mainContent {min-width: 1300px !important;} -#burnStatistics {left: 1100px !important;} +#cfdChart {width:1150px !important; height:500px !important} +#mainContent {min-width: 1350px !important;} +#burnStatistics {left: 1150px !important;} +#cfdXUnit {left: 1150px;} +} +@media screen and (max-width: 1366px) +{ +#cfdChart {width:1000px !important; height:400px !important} +#mainContent {min-width: 1200px !important;} +#burnStatistics {left: 1000px !important;} +#cfdXUnit {left: 1000px;} } #mainContent {min-width: 1400px;} -#burnStatistics {position: absolute; width: 180px; left: 1250px; height: 200px; top: 20%; margin-top: -30px; line-height: 30px; color: #838A9D; font-size: 12px; border: 1px solid #dcdcdc; background-color: #F8F8F8; padding: 15px 20px; color: #3c4353; border-radius: 8px;} +#burnStatistics {position: absolute; width: 180px; left: 1200px; height: 200px; top: 20%; margin-top: -30px; line-height: 30px; color: #838A9D; font-size: 12px; border: 1px solid #dcdcdc; background-color: #F8F8F8; padding: 15px 20px; color: #3c4353; border-radius: 8px;} #burnStatistics .bg-primary {margin-right: 5px;} #burnStatistics .icon-help {color: black;} #burnStatistics h3 {margin-top: 10px; text-indent: 10px; margin-bottom: 30px;}