From 3fb38a86606947ab6d1b8a2e8f10e50764a6e0dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=8A=B2=E6=9D=BE?= <523037378@qq.com>
Date: Thu, 20 Feb 2020 18:14:38 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20panel=E5=92=8Cproject=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1.panel和project-query顶部输入框背景色统一
2.endpoint侧滑中ip搜索的样式调整
---
 nezha-fronted/src/assets/stylus/main.scss                    | 5 ++++-
 .../src/components/common/rightBox/addEndpointBox.vue        | 4 ++--
 .../src/components/common/rightBox/editEndpointBox.vue       | 2 +-
 .../src/components/page/dashboard/metricPreview.scss         | 2 +-
 nezha-fronted/src/components/page/dashboard/panel.vue        | 4 ++--
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index 42760c024..35687fa88 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -1066,7 +1066,7 @@ li{
   color: $box-title-color;
 }
 
-.el-checkbox__input.is-checked .el-checkbox__inner, .asset .content-left .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+.el-checkbox__input.is-checked .el-checkbox__inner, .asset .content-left .el-checkbox__input.is-indeterminate .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
   background-color: $global-text-color-active;
 }
 /* --end--复选框自定义颜色 */
@@ -1116,6 +1116,9 @@ li{
 .query-input-active {
   margin-top: 1px;
 }
+.top-tools input {
+  background-color: $content-right-background-color;
+}
 .query-input-active .el-input__inner, .query-input-inactive .el-input__inner {
   height: 25px;
   line-height: 25px !important;
diff --git a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
index 0d51998df..56365f56c 100644
--- a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
@@ -784,14 +784,14 @@
   .endpoint-asset-search {
     display: inline-block;
     position: relative;
-    margin-left: 50px;
+    margin-left: 44px;
   }
   .endpoint-asset-search button {
     height: 22px !important;
   }
   .endpoint-asset-search-dropdown {
     position: absolute;
-    top: 34px;
+    top: 25px;
     background-color: #444;
     border-radius: 4px;
     width: 44px;
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
index 145e9087d..88927766f 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
@@ -451,7 +451,7 @@
 }
 .endpoint-asset-search-dropdown {
   position: absolute;
-  top: 34px;
+  top: 25px;
   background-color: #444;
   border-radius: 4px;
   width: 44px;
diff --git a/nezha-fronted/src/components/page/dashboard/metricPreview.scss b/nezha-fronted/src/components/page/dashboard/metricPreview.scss
index fe767653a..1d3d5b563 100644
--- a/nezha-fronted/src/components/page/dashboard/metricPreview.scss
+++ b/nezha-fronted/src/components/page/dashboard/metricPreview.scss
@@ -45,7 +45,7 @@
   input, textarea {
     background-color: $content-right-background-color;
   }
-  .el-input__inner, .el-textarea__inner {
+  .el-input__inner, .el-textarea__inner, .el-input__count {
     background-color: $content-right-background-color;
   }
   .el-textarea {
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index bcae6ecec..2dbfb2d86 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -750,10 +750,10 @@
 
 </style>
 <style lang="scss">
-  .panel .panel-calendar input {
+  .panel .top-tools input {
     background-color: $content-right-background-color;
   }
-  .panel .panel-calendar  .el-input__inner {
+  .panel .top-tools  .el-input__inner {
     background-color: $content-right-background-color;
   }
   .panel-calendar .el-range-editor--mini.el-input__inner {