add grw-presentation-modal-expanded

packages/app/src/components/PagePresentationModal.jsx

@@ -17,7 +17,7 @@ const PagePresentationModal = () => {
       isOpen={presentationData.isOpened}
       toggle={closePresentationModal}
       data-testid="page-presentation-modal"
-      className={`grw-presentation-modal ${styles['grw-presentation-modal']}`}
+      className={`grw-presentation-modal ${styles['grw-presentation-modal']} grw-presentation-modal-expanded`}
       unmountOnClose={false}
     >
       <ModalBody className="modal-body">

packages/app/src/components/PagePresentationModal.module.scss

@@ -1,8 +1,4 @@
-@use '~/styles/mixins' as mi;
-
 .grw-presentation-modal :global {
-  @include mi.expand-modal-fullscreen(false, false);
-
   .modal-body {
     background: black;
 

packages/app/src/styles/_modal.scss

@@ -29,3 +29,8 @@
 .modal-dialog.grw-modal-expanded {
   @include expand-modal-fullscreen(true, true);
 }
+
+// expanded window layout for grw-presentation-modal
+.modal-dialog.grw-presentation-modal-expanded {
+  @include expand-modal-fullscreen(false, false);
+}

packages/app/src/styles/style-next.scss

@@ -57,8 +57,8 @@
 @import 'on-edit';
 // @import 'page-duplicate-modal';
 @import 'page_list';
-@import 'page-accessories-control';
 @import 'page-accessories-modal';
+
 // @import 'page-path';
 // @import 'page-tree';
 // @import 'page';