make version scroll with sidebar content

babel · Aug 18, 2017 · d861c70 · d861c70
1 parent 5b0b58f
commit d861c70
Showing 1 changed file with 6 additions and 15 deletions.
diff --git a/js/repl/ReplOptions.js b/js/repl/ReplOptions.js
@@ -80,7 +80,7 @@ class ExpandedContainer extends Component {
 
     return (
       <div className={styles.expandedContainer}>
-      <div className={styles.sectionsWrapper}>
+        <div className={styles.sectionsWrapper}>
           <div className={styles.section}>
             <div className={styles.sectionHeader}>Settings</div>
             <PluginToggle
@@ -221,7 +221,9 @@ class ExpandedContainer extends Component {
             </label>
           </div>
         </div>
-
+        <div className={styles.babelVersion}>
+          v{window.Babel.version}
+        </div>
         <div
           className={`${styles.closeButton} ${nestedCloseButton}`}
           onClick={() => onIsExpandedChange(false)}
@@ -231,10 +233,6 @@ class ExpandedContainer extends Component {
             path="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"
           />
         </div>
-
-        <div className={styles.babelVersion}>
-          v{window.Babel.version}
-        </div>
       </div>
     );
   }
@@ -377,14 +375,14 @@ const styles = {
     }
   }),
   expandedContainer: css({
+    flexDirection: 'column',
     minWidth: '150px',
     display: 'flex',
     overflow: 'auto',
     boxShadow:
       'rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.24) 0px 1px 4px',
 
     [media.large]: {
-      flexDirection: 'column',
       height: '100%',
 
       [`& .${nestedCloseButton}`]: {
@@ -393,10 +391,6 @@ const styles = {
     },
 
     [media.mediumAndDown]: {
-      flexDirection: 'row',
-      flexWrap: 'wrap',
-      overflow: 'auto',
-
       [`& .${nestedCloseButton}`]: {
         bottom: '-1.5rem'
       }
@@ -439,12 +433,9 @@ const styles = {
     display: 'flex',
     flexDirection: 'row',
     flexWrap: 'wrap',
-    overflow: 'auto',
 
     [media.large]: {
-      flexDirection: 'column',
-      flexWrap: 'nowrap',
-      height: '100%',
+      display: 'block',
     },
   }),
   section: css({