diff --git a/src/assets/css/components/views/charts2/networkOverviewApps.scss b/src/assets/css/components/views/charts2/networkOverviewApps.scss index 8f4ebbf6..05550088 100644 --- a/src/assets/css/components/views/charts2/networkOverviewApps.scss +++ b/src/assets/css/components/views/charts2/networkOverviewApps.scss @@ -18,7 +18,7 @@ box-shadow: none; border-radius: 2px; .el-input__inner { - width: 80px; + width: 100px; height: 24px; padding-left: 4px; line-height: 24px; diff --git a/src/assets/css/components/views/charts2/networkOverviewLine.scss b/src/assets/css/components/views/charts2/networkOverviewLine.scss index 800b97d6..8958dde7 100644 --- a/src/assets/css/components/views/charts2/networkOverviewLine.scss +++ b/src/assets/css/components/views/charts2/networkOverviewLine.scss @@ -26,6 +26,19 @@ right: 20px; display: flex; position: absolute; + .line-select-metric {} + .line-select__operation { + .el-input__inner { + width: 100px; + } + } + .line-select-reference-line { + .line-select__operation { + .el-input__inner { + width: 127px; + } + } + } .line-select-metric,.line-select-reference-line { display: flex; align-items: center; @@ -44,7 +57,6 @@ padding-left: 4px; line-height: 24px; height: 24px; - width: 80px; font-size: 12px; color: #2C72C6; font-weight: 400; diff --git a/src/assets/css/components/views/charts2/networkOverviewTabs.scss b/src/assets/css/components/views/charts2/networkOverviewTabs.scss index 85b62704..603c7c97 100644 --- a/src/assets/css/components/views/charts2/networkOverviewTabs.scss +++ b/src/assets/css/components/views/charts2/networkOverviewTabs.scss @@ -111,15 +111,25 @@ } .option__select.select-column { margin-left:3px; - box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10); border-radius: 2px; .el-input__inner { - width: 80px; + width: 100px; height:24px; - padding-left: 8px; + padding-left: 4px; color:$blue; font-weight:400; } + .el-input__suffix { + display: flex; + .el-input__suffix-inner { + line-height: 24px; + .el-select__caret { + line-height: 24px; + width: 16px; + color: #575757; + } + } + } } .option-popper { .el-select-dropdown__item.selected { diff --git a/src/assets/css/components/views/charts2/npmAppEventTable.scss b/src/assets/css/components/views/charts2/npmAppEventTable.scss index 1be6dd8c..9c09b88a 100644 --- a/src/assets/css/components/views/charts2/npmAppEventTable.scss +++ b/src/assets/css/components/views/charts2/npmAppEventTable.scss @@ -18,12 +18,11 @@ font-weight: 400; } .option__select.select-column { - box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10); border-radius: 2px; .el-input__inner { width: 100px; height:24px; - padding-left: 8px; + padding-left: 4px; font-size: 12px; color: #2C72C6; font-weight:400;