Undo changes to GuideSection.

elastic · Jan 6, 2018 · 78e1936 · 78e1936
1 parent 17df52c
commit 78e1936
Showing 1 changed file with 3 additions and 31 deletions.
diff --git a/src-docs/src/components/guide_section/guide_section.js b/src-docs/src/components/guide_section/guide_section.js
@@ -1,13 +1,11 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import classNames from 'classnames';
 
 import {
   GuideSandboxChrome,
 } from '..';
 
 import {
-  EuiButtonIcon,
   EuiCodeBlock,
   EuiErrorBoundary,
   EuiSpacer,
@@ -40,7 +38,6 @@ export class GuideSection extends Component {
       sandbox: {
         isChromeVisible: props.isSandbox ? false : undefined,
       },
-      isCodeFullScreen: false,
     };
   }
 
@@ -50,12 +47,6 @@ export class GuideSection extends Component {
     });
   }
 
-  onToggleCodeFullScreen = () => {
-    this.setState({
-      isCodeFullScreen: !this.state.isCodeFullScreen,
-    });
-  };
-
   onToggleSandboxChrome = () => {
     this.setState({
       sandbox: {
@@ -64,14 +55,6 @@ export class GuideSection extends Component {
     });
   }
 
-  componentWillUpdate(nextProps, nextState) {
-    if (nextState.isCodeFullScreen) {
-      document.body.classList.add('euiBody-hasOverlayMask');
-    } else {
-      document.body.classList.remove('euiBody-hasOverlayMask');
-    }
-  }
-
   renderTabs() {
     return this.tabs.map(tab => (
       <EuiTab
@@ -131,26 +114,15 @@ export class GuideSection extends Component {
 
     const codeClass = nameToCodeClassMap[name];
     const source = this.props.source.find(sourceObject => sourceObject.type === name);
-    const classes = classNames('guideCode', {
-      'guideCode-isExpanded': this.state.isCodeFullScreen,
-    });
 
     return (
-      <div key={name} ref={name} className={classes}>
+      <div key={name} ref={name} className="guideCode">
         <EuiCodeBlock
           language={codeClass}
-          overflowHeight={this.state.isCodeFullScreen ? '100vh' : 400}
+          overflowHeight={400}
         >
           {source.code}
         </EuiCodeBlock>
-
-        <EuiButtonIcon
-          className="guideCodeFullScreenButton"
-          size="s"
-          onClick={this.onToggleCodeFullScreen}
-          iconType={this.state.isCodeFullScreen ? 'cross' : 'expand'}
-          aria-label="Expand"
-        />
       </div>
     );
   }
@@ -171,7 +143,7 @@ export class GuideSection extends Component {
   }
 
   render() {
-    const chrome = this.state.isCodeFullScreen ? undefined : this.renderChrome();
+    const chrome = this.renderChrome();
 
     return (
       <div className="guideSection" id={this.props.id}>