modularize PageAccessoriesModal

packages/app/src/styles/_page-accessories-modal.scss → packages/app/src/components/PageAccessoriesModal.module.scss

@@ -16,9 +16,3 @@
     margin-bottom: 0rem;
   }
 }
-
-// revision-history
-// to stay d2h-code-side-line-number in the revision history diff area
-.d2h-wrapper {
-  position: relative;
-}

packages/app/src/components/PageAccessoriesModal.tsx

@@ -21,6 +21,7 @@ import PageHistory from './PageHistory';
 import ShareLink from './ShareLink/ShareLink';
 import { withUnstatedContainers } from './UnstatedUtils';
 
+import styles from './PageAccessoriesModal.module.scss';
 
 type Props = {
   appContainer: AppContainer,
@@ -107,7 +108,7 @@ const PageAccessoriesModal = (props: Props): JSX.Element => {
       isOpen={isOpened}
       toggle={close}
       data-testid="page-accessories-modal"
-      className={`grw-page-accessories-modal ${isWindowExpanded ? 'grw-modal-expanded' : ''} `}
+      className={`grw-page-accessories-modal ${styles['grw-page-accessories-modal']} ${isWindowExpanded ? 'grw-modal-expanded' : ''} `}
     >
       <ModalHeader className="p-0" toggle={close} close={buttons}>
         <CustomNavTab

packages/app/src/styles/_page-history.scss

@@ -24,6 +24,12 @@
 .revision-history-diff {
   color: $gray-900;
   table-layout: fixed;
+
+  // revision-history
+  // to stay d2h-code-side-line-number in the revision history diff area
+  .d2h-wrapper {
+    position: relative;
+  }
 }
 
 .comparison-header {

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

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