fix #986 cannot edit data in Enketo due to lack of a scrollbar

kobotoolbox · Oct 21, 2016 · 0f61d78 · 0f61d78
1 parent 8279719
commit 0f61d78
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/jsapp/js/components/formEditors.es6 b/jsapp/js/components/formEditors.es6
@@ -208,7 +208,7 @@ var ProjectSettings = React.createClass({
           </bem.FormModal__item>
 
           {this.props.context == 'existingForm' && this.props.iframeUrl &&
-            <iframe src={this.props.iframeUrl} />
+            <iframe src={this.props.iframeUrl} className="kc-settings-iframe" />
           }
           {this.props.context == 'newForm' &&
             <bem.FormModal__item m='actions'>

diff --git a/jsapp/scss/components/_kobo.report-view.scss b/jsapp/scss/components/_kobo.report-view.scss
@@ -146,8 +146,15 @@
 
   iframe {
     width:100%;
-    min-height: 800px;
+    height:100%;
+    overflow: auto;
     padding-right: 5px;
+    &.kc-settings-iframe {
+      min-height:800px;
+      border:none;
+      border-top:1px solid #DDD;
+      margin-top: 20px;
+    }
   }
 
   .form-modal__item--actions {