mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2026-06-05 00:25:19 +08: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>
|
<TMagicScrollbar>
|
||||||
<MForm
|
<MForm
|
||||||
ref="configForm"
|
ref="configForm"
|
||||||
:class="propsPanelSize"
|
:class="[propsPanelSize, 'm-editor-props-form-panel-form']"
|
||||||
:popper-class="`m-editor-props-panel-popper ${propsPanelSize}`"
|
:popper-class="`m-editor-props-panel-popper ${propsPanelSize}`"
|
||||||
:label-width="labelWidth"
|
:label-width="labelWidth"
|
||||||
:label-position="labelPosition"
|
:label-position="labelPosition"
|
||||||
|
|||||||
@ -25,26 +25,6 @@
|
|||||||
right: calc(15px + var(--props-style-panel-width));
|
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 {
|
.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 {
|
.m-editor-props-panel-popper {
|
||||||
&.small {
|
&.small {
|
||||||
span,
|
span,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user