style: optimize customer page styles

Change-Id: I2e142b503ff9b2abc02a35fb52bdebf72658d70d
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

diff --git a/usecaseui-portal/src/app/shared/components/customer/customer.component.less b/usecaseui-portal/src/app/shared/components/customer/customer.component.less
index e5bf2dd..3d96d79 100644 (file)
--- a/usecaseui-portal/src/app/shared/components/customer/customer.component.less
+++ b/usecaseui-portal/src/app/shared/components/customer/customer.component.less
@@ -16,7 +16,7 @@
 .content {
     display: flex;   
     width: 100%;
-    height: 100%;
+    min-height: 917px;
     i.anticon {
         cursor: pointer;
         font-size: 18px;
@@ -42,18 +42,21 @@
         >div{
             padding: 20px 20px;
         }
-        .Cu {
-            height: 48%;
+        .Cu,.type{
+            min-height: 438px;
+            height: 46.5vh;
             width: 100%;
-            margin-bottom: 7%;
             margin-right: 2.5%;
             border-radius: 5px;
             background-color: #fff;
             box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.1), 0 2px 49px 0 rgba(0, 0, 0, 0.06);
-            p {
-                color :#0DA9E2;
+            p{
+                color: #0DA9E2;
                 font-family:"ArialMT";
             }
+        }
+        .Cu {
+            margin-bottom: 7%;
             div:last-child{
                 color: #ddd; 
                 font-weight: 700;
@@ -64,20 +67,14 @@
             }
         }
         .type {
-            height: 48%;
-            width: 100%;
-            margin-right: 2.5%;
-            border-radius: 5px;
-            background-color: #fff;
-            box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.1), 0 2px 49px 0 rgba(0, 0, 0, 0.06);
-            p {
-                color :#0DA9E2;
-                font-family:"ArialMT";    
-            }
             app-bar{
                 width: 100%;
             }
             .footname{
+                display: block;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
                 width: 100%;
                 height: 40px;
                 line-height: 40px;
@@ -93,7 +90,8 @@
         }
     }
     .customer {
-        height: 100%;
+        min-height: 897px;
+        height: 95.7vh;
         overflow: hidden;
         width: 32%;
         margin-right: 1.5%;
@@ -104,7 +102,6 @@
         vertical-align: top;
         .customer_title {
             line-height: 3.5em;
-            //height: 5%;
             width: 100%;
             border-bottom: 1px #07A9E1 solid;
             .customers {
@@ -168,7 +165,10 @@
                     span {
                         width: 70%;
                         padding-left: 10%;
-                        display: inline-block;
+                        display: block;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        white-space: nowrap;
                     }
                 }
             }
@@ -176,8 +176,9 @@
         
     }
     .services_type {
+        min-height: 897px;
+        height: 95.7vh;
         overflow: hidden;
-        height: 100%;
         border-radius: 5px;
         width: 32%;
         background-color: #fff;