Change <dialog> for ErrorDialog in <div> because only Chrome knows <dialog>

This commit is contained in:
GRL 2021-06-04 16:32:07 +02:00
parent bacd260547
commit 3e19234edc
2 changed files with 8 additions and 5 deletions

View File

@ -8,7 +8,7 @@ function close(): boolean {
</script>
<dialog class="error-dialog nes-dialog is-dark is-rounded" id="dialog-dark-rounded" open>
<div class="error-div nes-container is-dark is-rounded" open>
<p class="nes-text is-error title">Error</p>
<div class="body">
{#each $errorStore as error}
@ -18,12 +18,16 @@ function close(): boolean {
<div class="button-bar">
<button class="nes-btn is-error" on:click={close}>Close</button>
</div>
</dialog>
</div>
<style lang="scss">
dialog.error-dialog {
div.error-div {
pointer-events: auto;
top: 10%;
margin-top: 10vh;
margin-right: auto;
margin-left: auto;
width: max-content;
max-width: 80vw;
.button-bar {
text-align: center;

View File

@ -60,7 +60,6 @@ class WaScaleManager {
public saveZoom(): void {
this._saveZoom = this.hdpiManager.zoomModifier;
console.log(this._saveZoom);
}
public restoreZoom(): void{