amis/scss/components/_quick-edit.scss
liaoxuezhi 8d59193949
TableCell 的 filterable 功能优化 (#1500)
* 快速编辑默认就显示,否则别人不知道可以编辑

* TableCell  filterable 优化,简单配置为 true 时直接从结果集中提取
2021-02-01 19:42:08 +08:00

50 lines
872 B
SCSS

.#{$ns}Field-quickEditBtn {
color: var(--QuickEdit-iconColor);
margin-left: var(--gap-xs);
display: inline-block;
vertical-align: text-top;
cursor: pointer;
opacity: 0.6;
&:hover {
color: var(--QuickEdit-onHover-iconColor);
opacity: 1;
}
}
.#{$ns}Field--quickEditable {
outline: none;
position: relative;
&:focus {
position: relative;
&:after {
content: '';
left: 0;
top: 0;
right: 0;
bottom: 0;
position: absolute;
pointer-events: none;
z-index: 1;
border: var(--QuickEdit-onFocus-borderWidth) dashed
var(--QuickEdit-onFocus-borderColor);
}
}
&:hover .#{$ns}Field-quickEditBtn {
visibility: visible;
}
}
.#{$ns}QuickEdit-popover {
min-width: px2rem(320px);
max-width: px2rem(640px);
.#{$ns}Panel {
margin-bottom: 0;
border: none;
}
}