amis-saas-8092 improve: 长文本表达式展示

Change-Id: I6ed6502eb10e9d5c9cf2080471a1297d4a7da012
This commit is contained in:
huangying11 2022-11-17 15:52:09 +08:00
parent 978ccc3188
commit 92fb55e5d2

View File

@ -48,21 +48,8 @@
}
.cm-expression {
display: inline-block;
position: relative;
padding: 0 5px;
border-radius: 3px;
color: #fff;
margin: 0 1px 1px;
background: var(--button-primary-default-bg-color);
cursor: pointer;
&:hover {
background: var(--button-primary-hover-bg-color);
.expression-popover {
display: block;
}
}
display: inline-block;
.expression-popover {
position: absolute;
@ -79,6 +66,7 @@
border: none;
box-shadow: var(--Tooltip-boxShadow--dark);
z-index: 10;
.expression-popover-arrow {
position: absolute;
display: block;
@ -107,6 +95,29 @@
}
}
}
.cm-expression-text {
display: inline-block;
position: relative;
padding: 0 5px;
border-radius: 3px;
color: #fff;
margin: 0 1px 1px;
background: var(--button-primary-default-bg-color);
cursor: pointer;
width: 40px;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
&:hover {
background: var(--button-primary-hover-bg-color);
& ~ .expression-popover {
display: block;
}
}
}
}
&-footer {