diff --git a/app/components/modals/modal-base.js b/app/components/modals/modal-base.js
index d4bc44a492c..c7f50468e30 100644
--- a/app/components/modals/modal-base.js
+++ b/app/components/modals/modal-base.js
@@ -7,12 +7,18 @@ import { isTesting } from 'open-event-frontend/utils/testing';
export default UiModal.extend({
tagName : 'div',
- classNameBindings : ['isFullScreen:fullscreen', 'isSmall:small', 'isLarge:large'],
+ classNameBindings : ['isFullScreen:fullscreen', 'isSmall:small', 'isLarge:large', 'noCropper'],
- openObserver: observer('isOpen', function() {
+ openObserver: observer('isOpen', 'noCroppper', function() {
const $element = $(this.element);
if (this.isOpen) {
- $element.modal('show');
+ if (this.noCropper) {
+ $element.modal({
+ centered: false
+ }).modal('show');
+ } else {
+ $element.modal('show');
+ }
} else {
$element.modal('hide');
}
diff --git a/app/components/modals/session-notify-modal.hbs b/app/components/modals/session-notify-modal.hbs
index 283ec4c9d18..3ac4323b419 100644
--- a/app/components/modals/session-notify-modal.hbs
+++ b/app/components/modals/session-notify-modal.hbs
@@ -21,7 +21,7 @@
diff --git a/app/components/modals/session-notify-modal.js b/app/components/modals/session-notify-modal.js
index 2ffb9a740a1..69dc832da3b 100644
--- a/app/components/modals/session-notify-modal.js
+++ b/app/components/modals/session-notify-modal.js
@@ -16,6 +16,7 @@ export default class SessionNotifyModal extends ModalBase {
constructor() {
super(...arguments);
+ this.noCropper = true;
this.initialize();
}
diff --git a/app/styles/partials/overrides.scss b/app/styles/partials/overrides.scss
index 65ef4d81129..15f18210fd4 100644
--- a/app/styles/partials/overrides.scss
+++ b/app/styles/partials/overrides.scss
@@ -76,3 +76,8 @@ body.dimmable.undetached.dimmed {
}
}
}
+
+.no-cropper {
+ margin-left: auto !important;
+ margin-top: 50px !important;
+}
\ No newline at end of file