summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-09-20 10:43:00 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-09-20 10:43:13 +0800
commitf017831acae673b55b4f9cf717ed92c8e0e667d4 (patch)
tree9102dc80342553db3ba017f12b8f79f830b0ff37 /usecaseui-portal/src/app
parent4d0b04211bc3ae1af5bbd3222e9801b7784d10c3 (diff)
style: optimize customer page styles
Change-Id: I2e142b503ff9b2abc02a35fb52bdebf72658d70d Issue-ID: USECASEUI-307 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app')
-rw-r--r--usecaseui-portal/src/app/shared/components/customer/customer.component.less41
1 files changed, 21 insertions, 20 deletions
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 e5bf2dd3..3d96d792 100644
--- 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;