Merge pull request #2624 from apple502j/patch-7

Raise z-index of navbar

src/views/preview/presentation.jsx

@@ -292,7 +292,12 @@ const PreviewPresentation = ({
                             </MediaQuery>
                         </FlexRow>
                         <FlexRow className="preview-row">
-                            <div className="guiPlayer">
+                            <div
+                                className={classNames(
+                                    'guiPlayer',
+                                    {fullscreen: isFullScreen}
+                                )}
+                            >
                                 {showCloudDataAlert && (
                                     <FlexRow className="project-info-alert">
                                         <FormattedMessage id="project.cloudDataAlert" />

src/views/preview/preview.scss

@@ -347,6 +347,7 @@ $stage-width: 480px;
         display: inline-block;
         position: relative;
         width: $player-width;
+        z-index: 1;
 
         $alert-bg: rgba(255, 255, 255, .85);
         .project-info-alert {
@@ -360,6 +361,10 @@ $stage-width: 480px;
             font-size: .95rem;
         }
 
+        &.fullscreen {
+            z-index: 200;
+        }
+
         @media #{$small} {
             width: 100%;
         }

src/views/preview/project-view.jsx

@@ -641,7 +641,7 @@ class Preview extends React.Component {
                             extensions={this.state.extensions}
                             faved={this.state.clientFaved}
                             favoriteCount={this.state.favoriteCount}
-                            isFullScreen={this.state.isFullScreen}
+                            isFullScreen={this.props.fullScreen}
                             isLoggedIn={this.props.isLoggedIn}
                             isNewScratcher={this.props.isNewScratcher}
                             isProjectLoaded={this.state.isProjectLoaded}