From fe46a0cabce9a5e6a1e6bf93639957d06209a88e Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Wed, 10 Aug 2022 17:25:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20select=E9=80=89=E6=8B=A9=E5=99=A8?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=AE=BD=E5=BA=A6=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/charts2/networkOverviewApps.scss       |  2 +-
 .../views/charts2/networkOverviewLine.scss       | 14 +++++++++++++-
 .../views/charts2/networkOverviewTabs.scss       | 16 +++++++++++++---
 .../views/charts2/npmAppEventTable.scss          |  3 +--
 4 files changed, 28 insertions(+), 7 deletions(-)

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;