diff --git a/src/content-handlers/iiif/modules/uv-dialogues-module/AdjustImageDialogue.ts b/src/content-handlers/iiif/modules/uv-dialogues-module/AdjustImageDialogue.ts index ec861b9c5..f206beb7a 100644 --- a/src/content-handlers/iiif/modules/uv-dialogues-module/AdjustImageDialogue.ts +++ b/src/content-handlers/iiif/modules/uv-dialogues-module/AdjustImageDialogue.ts @@ -150,8 +150,9 @@ export class AdjustImageDialogue extends Dialogue< this.rememberSettings = settings.rememberSettings; } } - this.shell.$overlays.css("background", "none"); + super.open(); + this.shell.$overlays.css("background", "none"); } close(): void { @@ -173,6 +174,7 @@ export class AdjustImageDialogue extends Dialogue< this.extension.updateSettings({ brightnessPercent: 100 }); this.extension.updateSettings({ saturationPercent: 100 }); } + this.shell.$overlays.css("background", ""); super.close(); @@ -184,5 +186,7 @@ export class AdjustImageDialogue extends Dialogue< resize(): void { super.resize(); + + this.$element.css({ top: 16, left: 16 }); } } diff --git a/src/content-handlers/iiif/modules/uv-dialogues-module/css/styles.less b/src/content-handlers/iiif/modules/uv-dialogues-module/css/styles.less index 040608279..e904e78aa 100644 --- a/src/content-handlers/iiif/modules/uv-dialogues-module/css/styles.less +++ b/src/content-handlers/iiif/modules/uv-dialogues-module/css/styles.less @@ -349,6 +349,7 @@ &.adjustImage { width: 330px; height: 250px; + border: 1px solid black; label { margin-top: 10px;