ソースを参照

160341-180922- change modal size

mariko-h 1 ヶ月 前
コミット
66b60a33f6

+ 0 - 1
apps/app/src/client/components/PageEditor/EditorGuideModal/EditorGuideModal.module.scss

@@ -18,7 +18,6 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    max-height: 80vh;
   }
 
   .card-body-scrollable {

+ 4 - 1
apps/app/src/client/components/PageEditor/EditorGuideModal/EditorGuideModal.tsx

@@ -109,7 +109,10 @@ export const EditorGuideModal = ({ containerRef }: Props): JSX.Element => {
         style={dynamicStyle}
       >
         <div className="px-3 modal-card-wrapper w-100">
-          <div className="card shadow-lg border-0">
+          <div
+            className="card shadow-lg border-0"
+            style={{ maxHeight: rect.height - 32 }}
+          >
             <div className="card-header d-flex justify-content-between align-items-center bg-transparent border-bottom-0 pt-3">
               <h5 className="mb-0 text-body">{t('editor_guide.title')}</h5>
               <button