test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-01 19:47:56 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

style: 调整区域展示样式避免挡住内容

Browse Source
This commit is contained in:
2betop 2024-11-13 11:45:33 +08:00
parent 1b465ce601
commit b46924a2ac
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/amis-editor-core/scss/editor.scss
View File

@ -1430,7 +1430,7 @@
> .region-tip {
position: absolute;
right: 50%;
top: -19px;
top: -17px;
transform: translateX(50%);
background: $Editor-rgion-bg; // $Editor-rgion-bg;
color: #fff;
@ -1482,11 +1482,11 @@
}
// 兼容方案，避免便签被遮挡: 区域仅有 [内容区]，头部标签放内部展示
> div.region-tip.is-only-child-region,
&.region-label-within > .region-tip {
top: 1px;
border-radius: 0 0 3px 3px;
}
// > div.region-tip.is-only-child-region,
// &.region-label-within > .region-tip {
// top: 1px;
// border-radius: 0 0 3px 3px;
// }
// 高亮区域hover态
&.region-hover {

4
packages/amis-editor-core/src/component/RegionHLBox.tsx
View File

@ -52,8 +52,8 @@ export default observer(function (props: HighlightBoxProps) {
isDragEnter ? 'is-dragenter' : '',
store.planDropId === id ? 'region-can-be-drop' : '',
!isOnlyChildRegion && isHiglightHover ? 'region-hover' : '',
isOnlyChildRegion || isHiglight ? 'is-highlight' : '',
dx < 87 && dy < 21 && node.x < 190 ? 'region-label-within' : ''
isOnlyChildRegion || isHiglight ? 'is-highlight' : ''
// dx < 87 && dy < 21 && node.x < 190 ? 'region-label-within' : ''
)}
style={{
width: node.w,