Fixed my scrollbar mistake (#736)

* Fixed my scrollbar mistake

* Really fixed it by introducing a slightly different class for the fullview frame

* Using classnames module

Author: Vertmo

client/modules/IDE/components/PreviewFrame.jsx

@@ -7,6 +7,7 @@ import srcDoc from 'srcdoc-polyfill';
 import loopProtect from 'loop-protect';
 import { JSHINT } from 'jshint';
 import decomment from 'decomment';
+import classNames from 'classnames';
 import { getBlobUrl } from '../actions/files';
 import { resolvePathToFile } from '../../../../server/utils/filePath';
 import {
@@ -330,10 +331,14 @@ class PreviewFrame extends React.Component {
   }
 
   render() {
+    const iframeClass = classNames({
+      'preview-frame': true,
+      'preview-frame--full-view': this.props.fullView
+    });
     return (
       <iframe
         id="canvas_frame"
-        className="preview-frame"
+        className={iframeClass}
         aria-label="sketch output"
         role="main"
         frameBorder="0"

client/styles/components/_preview-frame.scss

@@ -5,6 +5,10 @@
   border-width: 0;
 }
 
+.preview-frame--full-view {
+  position: relative;
+}
+
 .preview-frame-holder {
   display: flex;
   flex-direction: column;