diff --git a/src/assets/css/components/components/advancedSearch/advanced-search2.scss b/src/assets/css/components/components/advancedSearch/advanced-search2.scss index c18f6905..2bb692be 100644 --- a/src/assets/css/components/components/advancedSearch/advanced-search2.scss +++ b/src/assets/css/components/components/advancedSearch/advanced-search2.scss @@ -3,60 +3,67 @@ height: 100%; .search__suffixes { + height: 38px; + + &.entity-explorer-home { + margin-right: 1px; + color: #3976CB; + + &.search__suffixes--text-mode, &.search__suffixes--tag-mode { + .search__suffix:last-of-type { + width: unset; + height: unset; + margin-right: 12px; + background-color: transparent; + + .el-icon-search { + color: #3976CB; + } + } + } + } &.search__suffixes--text-mode, &.search__suffixes--tag-mode { position: absolute; display: flex; align-items: center; - top: 10px; - right: 10px; + top: 1px; + right: 0; .search__suffix { + display: flex; + align-items: center; + justify-content: center; margin-right: 12px; + border-radius: 0 2px 2px 0; .cn-icon-search-advance, .cn-icon-search-normal, .cn-icon-filter { color: #A6AAAE; font-size: 18px; } - .el-icon-search { - color: #3976CB; - font-size: 22px; - } &:hover { cursor: pointer; } &:last-of-type { - margin-right: 4px; + margin-right: 0; + width: 41px; + height: 38px; + line-height: 39px; + background: #38ACD2; + + .el-icon-search { + font-size: 22px; + color: #fff; + } } } .search__suffix-close { .el-icon-error { font-size: 17px; color: #C4C4C4; - margin-right: 12px; cursor: pointer; } } - .entity-explorer-search { - color: #3976CB; - } - .margin-r-12 { - margin-right: 12px; - } - .new-search__suffix { - width: 41px; - height: 41px; - line-height: 41px; - background: #38ACD2; - text-align: center; - margin-top: -10px; - margin-right: -10px; - - .el-icon-search { - color: #fff !important; - margin-top: 9px !important; - } - } .my-popper-class .el-popper__arrow { display: none; } @@ -66,24 +73,22 @@ background: #fff; } } - /*.search-tip--error { - font-size: 14px; - color: #F56C6C; - }*/ } -.advanced-search--show-list .CodeMirror, .advanced-search--show-list .tag-search { - border: none; +.detections { + .tag-search, .CodeMirror { + border: 1px solid #E2E5EC; + } } .tag-search { display: flex; align-items: center; height: 40px; overflow: auto hidden; - border: 1px solid #CECECE; border-radius: 2px; padding-left: 10px; padding-right: 80px; background-color: white; + border: 1px solid #DEDEDE; &::-webkit-scrollbar { width: 8px; diff --git a/src/assets/css/components/views/entityExplorer/search/explorer-search.scss b/src/assets/css/components/views/entityExplorer/search/explorer-search.scss index ddd71a2b..478b35e3 100644 --- a/src/assets/css/components/views/entityExplorer/search/explorer-search.scss +++ b/src/assets/css/components/views/entityExplorer/search/explorer-search.scss @@ -35,9 +35,8 @@ max-width: unset; } - .explorer-search__input__border { - border: 1px #DEDEDE solid; - height: 43px; + .explorer-search__input--border .CodeMirror { + border: 1px solid #DEDEDE; } } .search-symbol-inline { @@ -88,6 +87,7 @@ .search__history { position: absolute; + top: 6px; display: flex; padding: 10px 0 0 0; flex-direction: column; @@ -183,6 +183,7 @@ left: 196px; top: 44px; .search__history { + top: 6px; max-width: 756px; margin-left: -196px; .history__items-new { @@ -216,7 +217,7 @@ } .explorer-search__foot-list .explorer-search__block { margin-left: -196px; - top: -42px; + top: -44px; } .explorer-search__foot .explorer-search__block { margin-left: 0; @@ -224,9 +225,12 @@ } .explorer-search__block { position: absolute; - padding: 10px 15px; + padding-left: 15px; + height: 39px; display: flex; + align-items: center; cursor: pointer; + z-index: 1; i { font-size: 20px; @@ -235,9 +239,9 @@ .search-dividing-line { width: 1px; - height: 30px; + height: 26px; background: #DEDEDE; margin-left: 15px; - margin-top: -5px; + margin-top: 2px; } } diff --git a/src/components/advancedSearch/TagMode.vue b/src/components/advancedSearch/TagMode.vue index 5a41bf31..f2acd596 100644 --- a/src/components/advancedSearch/TagMode.vue +++ b/src/components/advancedSearch/TagMode.vue @@ -90,7 +90,7 @@
{{$t('entities.advancedSearch.add')}}
-
+
- + - +
diff --git a/src/components/advancedSearch/TextMode.vue b/src/components/advancedSearch/TextMode.vue index 09ffbb83..495f4958 100644 --- a/src/components/advancedSearch/TextMode.vue +++ b/src/components/advancedSearch/TextMode.vue @@ -4,8 +4,8 @@ cols="40" ref="textSearch" > -
-
+
+ -
-
+ + -
-
+ + -
+
diff --git a/src/views/detections/DetectionSearch.vue b/src/views/detections/DetectionSearch.vue index cebfefe4..e6dccc90 100644 --- a/src/views/detections/DetectionSearch.vue +++ b/src/views/detections/DetectionSearch.vue @@ -13,8 +13,8 @@ @search="search" >
-
-
+
+
@@ -26,7 +26,7 @@ scrollbar-always-on="false" @row-click="selectHistory" style="overflow-x: unset" - empty-text="" + empty-text=" " > diff --git a/src/views/detections/Index.vue b/src/views/detections/Index.vue index 0647df34..5da9fc3d 100644 --- a/src/views/detections/Index.vue +++ b/src/views/detections/Index.vue @@ -21,13 +21,12 @@ :end-time="timeFilter.endTime"/>
-
+
{{$t('search.title')}}
-