refactor: tinymce在modal下全屏

This commit is contained in:
dap
2025-06-12 14:58:15 +08:00
parent 78cd6677c3
commit 63d2b38fd1

View File

@@ -202,6 +202,9 @@ const events = computed(() => {
</template> </template>
<style lang="scss"> <style lang="scss">
// 展开层元素z-index
$dropdown-index: 2025;
@mixin tinymce-valid-fail($color) { @mixin tinymce-valid-fail($color) {
.app-tinymce { .app-tinymce {
// 最外层的tinymce容器 // 最外层的tinymce容器
@@ -219,7 +222,11 @@ const events = computed(() => {
.tox.tox-silver-sink.tox-tinymce-aux { .tox.tox-silver-sink.tox-tinymce-aux {
/** 该样式默认为1300的zIndex */ /** 该样式默认为1300的zIndex */
z-index: 2025; z-index: $dropdown-index;
}
.tox-fullscreen .tox.tox-tinymce-aux {
z-index: $dropdown-index !important;
} }
.app-tinymce { .app-tinymce {
@@ -249,4 +256,9 @@ const events = computed(() => {
@include tinymce-valid-fail($error-color); @include tinymce-valid-fail($error-color);
} }
// 全屏下样式处理 不去掉transform位置会异常
div[role='dialog']:has(.tox.tox-tinymce.tox-fullscreen) {
transform: none !important;
}
</style> </style>