From c7aa5ec3de99a3365ab4cb493230e9c92286e565 Mon Sep 17 00:00:00 2001 From: Catouse Date: Tue, 29 May 2018 17:19:33 +0800 Subject: [PATCH] * change style of statistic blocks. --- module/block/view/productstatisticblock.html.php | 15 ++++++++------- module/block/view/projectstatisticblock.html.php | 11 ++++++----- module/block/view/qastatisticblock.html.php | 13 +++++++------ 3 files changed, 21 insertions(+), 18 deletions(-) diff --git a/module/block/view/productstatisticblock.html.php b/module/block/view/productstatisticblock.html.php index b3f848a024..f588b0f0c8 100644 --- a/module/block/view/productstatisticblock.html.php +++ b/module/block/view/productstatisticblock.html.php @@ -19,13 +19,14 @@ .types-line > li > div:after {content: ''; display: block; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(170,170,170,0.50), 0 0 5px 0 rgba(0,0,0,0.1); width: 10px; height: 10px; position: absolute; border-radius: 50%; top: 0; left: 50%; margin-left: -2px;} .types-line > li > div > small {display: block; color: #A6AAB8;} .types-line > li > div > span {display: block; color: #CBD0DB; font-size: 16px;} - .product-info {position: relative; padding: 10px 10px 10px 200px;} - .product-info + .product-info {margin-top: 10px;} - .product-info .progress {position: absolute; left: 10px; top: 35px; width: 180px;} - .product-info .progress-info {position: absolute; left: 8px; top: 10px; width: 180px; font-size: 12px;} - .product-info .type-info {color: #A6AAB8; text-align: center;} - .product-info .type-label {font-size: 12px;} - .product-info .type-value {font-size: 14px;} + .product-info {position: relative; height: 65px;} +.product-info + .product-info {margin-top: 10px;} +.product-info .progress {position: absolute; left: 10px; top: 35px; right: 90px;} +.product-info .progress-info {position: absolute; left: 8px; top: 10px; width: 180px; font-size: 12px;} +.product-info .type-info {color: #A6AAB8; text-align: center; position: absolute; right: 0; top: 6px; width: 100px;} +.product-info .type-value, +.product-info .type-label {font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} +.product-info .type-value {font-size: 14px;} .product-info .type-value > strong {font-size: 20px; color: #3C4353;} .product-info .actions {position: absolute; left: 10px; top: 14px;} .block-statistic .tile {margin-bottom: 30px;} diff --git a/module/block/view/projectstatisticblock.html.php b/module/block/view/projectstatisticblock.html.php index e3dd865c6f..8ab7d028fa 100644 --- a/module/block/view/projectstatisticblock.html.php +++ b/module/block/view/projectstatisticblock.html.php @@ -7,12 +7,13 @@ .types-line > li > div:after {content: ''; display: block; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(170,170,170,0.50), 0 0 5px 0 rgba(0,0,0,0.1); width: 10px; height: 10px; position: absolute; border-radius: 50%; top: 0; left: 50%; margin-left: -2px;} .types-line > li > div > small {display: block; color: #A6AAB8;} .types-line > li > div > span {display: block; color: #CBD0DB; font-size: 16px;} -.product-info {position: relative; padding: 10px 10px 10px 200px;} +.product-info {position: relative; height: 65px;} .product-info + .product-info {margin-top: 10px;} -.product-info .progress {position: absolute; left: 10px; top: 33px; width: 180px;} -.product-info .progress-info {position: absolute; left: 8px; top: 8px; width: 180px; font-size: 12px;} -.product-info .type-info {color: #A6AAB8; text-align: center;} -.product-info .type-label {font-size: 12px;} +.product-info .progress {position: absolute; left: 10px; top: 35px; right: 90px;} +.product-info .progress-info {position: absolute; left: 8px; top: 10px; width: 180px; font-size: 12px;} +.product-info .type-info {color: #A6AAB8; text-align: center; position: absolute; right: 0; top: 6px; width: 100px;} +.product-info .type-value, +.product-info .type-label {font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .product-info .type-value {font-size: 14px;} .product-info .type-value > strong {font-size: 20px; color: #3C4353;} .product-info .actions {position: absolute; left: 10px; top: 14px;} diff --git a/module/block/view/qastatisticblock.html.php b/module/block/view/qastatisticblock.html.php index 6d2ce12a00..db222d537d 100644 --- a/module/block/view/qastatisticblock.html.php +++ b/module/block/view/qastatisticblock.html.php @@ -7,12 +7,13 @@ .types-line > li > div:after {content: ''; display: block; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(170,170,170,0.50), 0 0 5px 0 rgba(0,0,0,0.1); width: 10px; height: 10px; position: absolute; border-radius: 50%; top: 0; left: 50%; margin-left: -2px;} .types-line > li > div > small {display: block; color: #A6AAB8;} .types-line > li > div > span {display: block; color: #CBD0DB; font-size: 16px;} -.product-info {position: relative; padding: 10px 10px 10px 200px;} -.product-info + .product-info {margin-top: 0;} -.product-info .progress {position: absolute; left: 10px; top: 33px; width: 180px;} -.product-info .progress-info {position: absolute; left: 8px; top: 8px; width: 180px; font-size: 12px;} -.product-info .type-info {color: #A6AAB8; text-align: center;} -.product-info .type-label {font-size: 12px;} +.product-info {position: relative; height: 65px;} +.product-info + .product-info {margin-top: 10px;} +.product-info .progress {position: absolute; left: 10px; top: 35px; right: 90px;} +.product-info .progress-info {position: absolute; left: 8px; top: 10px; width: 180px; font-size: 12px;} +.product-info .type-info {color: #A6AAB8; text-align: center; position: absolute; right: 0; top: 6px; width: 100px;} +.product-info .type-value, +.product-info .type-label {font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .product-info .type-value {font-size: 14px;} .product-info .type-value > strong {font-size: 20px; color: #3C4353;} .product-info .actions {position: absolute; left: 10px; top: 14px;}