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>
<style lang="scss">
// z-index
$dropdown-index: 2025;
@mixin tinymce-valid-fail($color) {
.app-tinymce {
// tinymce
@ -219,7 +222,11 @@ const events = computed(() => {
.tox.tox-silver-sink.tox-tinymce-aux {
/** 该样式默认为1300的zIndex */
z-index: 2025;
z-index: $dropdown-index;
}
.tox-fullscreen .tox.tox-tinymce-aux {
z-index: $dropdown-index !important;
}
.app-tinymce {
@ -249,4 +256,9 @@ const events = computed(() => {
@include tinymce-valid-fail($error-color);
}
// transform
div[role='dialog']:has(.tox.tox-tinymce.tox-fullscreen) {
transform: none !important;
}
</style>