diff --git a/js/repl/ReplOptions.js b/js/repl/ReplOptions.js index 95e9a19685..ba86f903d1 100644 --- a/js/repl/ReplOptions.js +++ b/js/repl/ReplOptions.js @@ -80,7 +80,7 @@ class ExpandedContainer extends Component { return (
-
+
Settings
- +
+ v{window.Babel.version} +
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" />
- -
- v{window.Babel.version} -
); } @@ -377,6 +375,7 @@ const styles = { } }), expandedContainer: css({ + flexDirection: 'column', minWidth: '150px', display: 'flex', overflow: 'auto', @@ -384,7 +383,6 @@ const styles = { '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({