fix: 调整搜索组件输入过长会换行的样式,以及error提示的层级

This commit is contained in:
刘洪洪
2023-12-27 14:20:06 +08:00
parent 70ab0a46e6
commit 50e4112181
4 changed files with 4 additions and 3 deletions

View File

@@ -186,6 +186,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-sizer { .CodeMirror-sizer {
position: relative; position: relative;
border-right: 50px solid transparent; border-right: 50px solid transparent;
width: 3000px; // 避免搜索过长导致换行
} }
/* The fake, visible scrollbars. Used to force redraw during scrolling /* The fake, visible scrollbars. Used to force redraw during scrolling

View File

@@ -2,7 +2,7 @@
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
z-index: 10000; z-index: 1000;
} }
.error-block { .error-block {
display: inline-block; display: inline-block;

View File

@@ -5,7 +5,7 @@
cols="40" cols="40"
ref="textSearch" ref="textSearch"
></textarea> ></textarea>
<div class="search__suffixes search__suffixes--text-mode" :class="showList ? '' : 'entity-explorer-home'" style="padding-left: 1px"> <div class="search__suffixes search__suffixes--text-mode" :class="showList ? '' : 'entity-explorer-home'" style="padding-left: 1px;background: #fff;">
<!--切换texttag模式图标--> <!--切换texttag模式图标-->
<span class="search__suffix"> <span class="search__suffix">
<el-popover <el-popover

View File

@@ -1399,7 +1399,7 @@ export const myHighLight = {
// 此处不用el.className.indexOf('high-light-block')判断是因为block可能会有多个有一个满足所有的都会渲染 // 此处不用el.className.indexOf('high-light-block')判断是因为block可能会有多个有一个满足所有的都会渲染
if (newText.indexOf('highlight__block') > -1) { if (newText.indexOf('highlight__block') > -1) {
el.style.cssText = el.style.cssText + 'background: #FEECC2;' el.style.cssText = el.style.cssText + 'background: #FEECC2;'
// 此处是相关app、相关ip、相关domain弹窗获取不到dom的草错 // 此处是相关app、相关ip、相关domain弹窗获取不到dom的操作
let dom let dom
if (document.getElementById('showRelatedApp')) { if (document.getElementById('showRelatedApp')) {
dom = document.getElementById('showRelatedApp') dom = document.getElementById('showRelatedApp')