CN-464 实体列表下拉详情中网络质量的5个单值图需显示在一行;单值图中为0的值应显示0,不可显示为'-'

This commit is contained in:
hyx
2022-04-06 20:16:30 +08:00
parent 46c8dbe94e
commit b83a856e98
6 changed files with 76 additions and 38 deletions

View File

@@ -456,31 +456,30 @@
align-items: center;
justify-content: left;
height: 100%;
width: unset;
flex: 0 0 270px;
flex-wrap: wrap;
flex: 0 0 auto;
flex-wrap: nowrap;
margin-bottom: 10px;
.single-value-icon__box {
display: flex;
align-items: center;
justify-content: left;
margin-right: 12px;
margin-right: 5px;
flex: 0 0 80;
}
.single-value__icon {
display: flex;
justify-content: center;
width: 56px;
height: 56px;
width: 40px;
height: 40px;
background-color: $--chart-single-value-icon-background-color;
border-radius: 50%;
i {
display: flex;
align-items: center;
font-size: 28px;
font-size: 20px;
color: $--color-primary;
}
}
@@ -498,20 +497,18 @@
}
.content__data {
margin-bottom: 7%;
font-size: 16px;
margin-bottom: 5px;
font-size: 12px;
color: #333333;
font-weight: bold;
}
.content__title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px !important;
font-size: 12px !important;
color: #7e8081;
margin-bottom: 7%;
padding: 5px 6px 5px 5px;
margin-bottom: 5px;
padding: 3px 4px 3px 3px;
}
.title-background-color {
@@ -522,7 +519,7 @@
.content__percentile {
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
font-size: 12px;
color: #666666;
display:flex;
flex-direction: row;
@@ -530,7 +527,7 @@
.circle__content {
display:flex;
flex-display:row;
margin-right:15px;
margin-right:4px;
.percentile__title-color {
color:#9b9b9b
@@ -565,7 +562,8 @@
}
.single-value__unit {
padding-right: 10px;
padding-left:0px;
padding-right: 5px;
color: #333333;
font-size: 14px;
font-weight: bold;