fix #956: iframe size for legacy CSV downloads from KC

kobotoolbox · Oct 3, 2016 · 9cb43d4 · 9cb43d4
1 parent 6036166
commit 9cb43d4
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 42 deletions.
diff --git a/jsapp/js/components/formEditors.es6 b/jsapp/js/components/formEditors.es6
@@ -401,7 +401,7 @@ export var ProjectDownloads = React.createClass({
                 : null
               ] : null
             , this.state.type.endsWith('_legacy') ?
-              <bem.FormModal__item m='iframe'>
+              <bem.FormModal__item m='downloads'>
                 <iframe src={
                     this.props.asset.deployment__data_download_links[
                       this.state.type]

diff --git a/jsapp/scss/components/_kobo.report-view.scss b/jsapp/scss/components/_kobo.report-view.scss
@@ -135,57 +135,64 @@
   }
 }
 
-  .form-view__cell--iframe {
-    width:100%;
+.form-view__cell--iframe {
+  width:100%;
+  height: 100%;
+  overflow: hidden;
+
+  .form-modal__form {
     height: 100%;
-    overflow: hidden;
+  }
 
-    .form-modal__form {
-      height: 100%;
-    }
+  iframe {
+    width:100%;
+    min-height: 800px;
+    padding-right: 5px;
+  }
 
-    iframe {
-      width:100%;
-      min-height: 800px;
-      padding-right: 5px;
-    }
+  .form-modal__item--actions {
+    padding:0px 40px;
+    padding-top: 10px;
+    height: 60px;
+    margin-bottom: 20px;
+  }
 
-    .form-modal__item--actions {
-      padding:0px 40px;
-      padding-top: 10px;
-      height: 60px;
-      margin-bottom: 20px;
-    }
+  .form-modal__item--wrapper {
+    height: calc(100% - 80px);
+    overflow: auto;
+    padding:0px 40px;
+  }
 
-    .form-modal__item--wrapper {
-      height: calc(100% - 80px);
-      overflow: auto;
-      padding:0px 40px;
-    }
+  .form-modal__item label.long {
+    font-weight: 400;
+    font-size: 14px;
+  }
 
-    .form-modal__item label.long {
-      font-weight: 400;
-      font-size: 14px;
-    }
+  .form-modal__item textarea {
+    min-height: 80px;
+    margin-bottom: 10px;
+  }
 
-    .form-modal__item textarea {
-      min-height: 80px;
-      margin-bottom: 10px;
+  .form-modal__item--sector {
+    width: 48%;
+    margin-right: 2%;
+    float: left;
+  }
+  .form-modal__item--country {
+    width: 50%;
+    float: left;
+    &:after {
+      clear:both;
     }
+  }
+}
 
-    .form-modal__item--sector {
-      width: 48%;
-      margin-right: 2%;
-      float: left;
-    }
-    .form-modal__item--country {
-      width: 50%;
-      float: left;
-      &:after {
-        clear:both;
-      }
-    }
+.form-modal__item--downloads {
+  iframe {
+    min-width: 100%;
+    min-height:400px;
   }
+}
 
 // report graph settings
 .graph-settings {