mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2026-05-23 00:43:38 +00:00
fix(editor): 属性面板 padding 仅作用于最外层表单
为 PropsPanel 顶层 MForm 增加 .m-editor-props-form-panel-form 专属类名, 将原本挂在通用 .tmagic-design-form 上的 padding 与 tab 样式迁移到该类, 避免子组件中嵌套的 .tmagic-design-form 被错误命中。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
parent
7ff590b1b6
commit
eb1c5a3ec1
@ -5,7 +5,7 @@
|
||||
<TMagicScrollbar>
|
||||
<MForm
|
||||
ref="configForm"
|
||||
:class="propsPanelSize"
|
||||
:class="[propsPanelSize, 'm-editor-props-form-panel-form']"
|
||||
:popper-class="`m-editor-props-panel-popper ${propsPanelSize}`"
|
||||
:label-width="labelWidth"
|
||||
:label-position="labelPosition"
|
||||
|
||||
@ -25,26 +25,6 @@
|
||||
right: calc(15px + var(--props-style-panel-width));
|
||||
}
|
||||
}
|
||||
|
||||
.tmagic-design-form {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
|
||||
> .m-container-tab {
|
||||
> .tmagic-design-tabs {
|
||||
> .el-tabs__content {
|
||||
padding-top: 55px;
|
||||
}
|
||||
> .el-tabs__header.is-top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.m-editor-props-style-panel {
|
||||
@ -142,6 +122,26 @@
|
||||
}
|
||||
}
|
||||
|
||||
.m-editor-props-form-panel-form {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
|
||||
> .m-container-tab {
|
||||
> .tmagic-design-tabs {
|
||||
> .el-tabs__content {
|
||||
padding-top: 55px;
|
||||
}
|
||||
> .el-tabs__header.is-top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.m-editor-props-panel-popper {
|
||||
&.small {
|
||||
span,
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user