.wx-xten-page-config { display: none; z-index: 1; }
.wx-xten-page-config.wx-state-editable { display: inline-block; } .wx-xten-page-config.fixed-top { position: fixed; left: 0; left: 50%; transform: translateX(-50%); top: 0; width: fit-content; height: 30px; } .wx-xten-page-config.fixed-bottom { position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; width: fit-content; height: 30px; } .wx-xten-page-config.fixed-left { position: fixed; left: 0; top: 50%; transform: translateY(-50%); height: fit-content; width: 30px; } .wx-xten-page-config.fixed-right { position: fixed; right: 0; top: 50%; transform: translateY(-50%); height: fit-content; width: 30px; } .wx-xten-page-config div[name="page-toolbar"] > .show-mode-background {display: none; } .wx-xten-page-config:has(.wx-mode-background) div[name="page-toolbar"] > .show-mode-background:not(.show-image-changed) {display: inline-block;} .wx-xten-page-config div[name="page-toolbar"] > .show-image-changed {display: none;} .wx-xten-page-config.background-changed div[name="page-toolbar"] > .show-image-changed {display: inline-block;} .wx-xten-page-config div[name="page-toolbar"] { display: flex; } .wx-xten-page-config.fixed-top div[name="page-toolbar"] { flex-direction: row; } .wx-xten-page-config.fixed-bottom div[name="page-toolbar"] { flex-direction: row; } .wx-xten-page-config.fixed-left div[name="page-toolbar"] { flex-direction: column; } .wx-xten-page-config.fixed-right div[name="page-toolbar"] { flex-direction: column; }