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

View File

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