From 55dfd7e328ec15bfcfc4508408e60ca175dcac95 Mon Sep 17 00:00:00 2001
From: Basile Pesin <basile.pesin@gmail.com>
Date: Mon, 22 Oct 2018 20:59:08 +0200
Subject: [PATCH] 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
---
 client/modules/IDE/components/PreviewFrame.jsx | 7 ++++++-
 client/styles/components/_preview-frame.scss   | 4 ++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/modules/IDE/components/PreviewFrame.jsx b/client/modules/IDE/components/PreviewFrame.jsx
index c6e0fc0b..17d52362 100644
--- a/client/modules/IDE/components/PreviewFrame.jsx
+++ b/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"
diff --git a/client/styles/components/_preview-frame.scss b/client/styles/components/_preview-frame.scss
index d3cdc904..31f12481 100644
--- a/client/styles/components/_preview-frame.scss
+++ b/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;