Fix scrolling on small devices for account timelines and compose column

diff --git a/app/assets/javascripts/components/features/account/index.jsx b/app/assets/javascripts/components/features/account/index.jsx
index cdda4ff2f1f5c40c765803b04295bec8abdc935d..22e02ff549ea5437b4a43abbff155186a7243bea 100644 (file)
--- a/app/assets/javascripts/components/features/account/index.jsx
+++ b/app/assets/javascripts/components/features/account/index.jsx
@@ -74,13 +74,11 @@ const Account = React.createClass({
 
     return (
       <Column>
-        <div style={{ display: 'flex', flexDirection: 'column', 'flex': '0 0 auto', height: '100%' }}>
-          <Header account={account} me={me} />
+        <Header account={account} me={me} />
 
-          <ActionBar account={account} me={me} onFollow={this.handleFollow} onBlock={this.handleBlock} />
+        <ActionBar account={account} me={me} onFollow={this.handleFollow} onBlock={this.handleBlock} />
 
-          {this.props.children}
-        </div>
+        {this.props.children}
       </Column>
     );
   }

diff --git a/app/assets/javascripts/components/features/ui/components/drawer.jsx b/app/assets/javascripts/components/features/ui/components/drawer.jsx
index 8966602e28e9ee3e48124398748efba7cedb8663..d31d0e45356aa7f41138fc66f67e2ff900cee615 100644 (file)
--- a/app/assets/javascripts/components/features/ui/components/drawer.jsx
+++ b/app/assets/javascripts/components/features/ui/components/drawer.jsx
@@ -5,7 +5,8 @@ const style = {
   background: '#454b5e',
   padding: '0',
   display: 'flex',
-  flexDirection: 'column'
+  flexDirection: 'column',
+  overflowY: 'auto'
 };
 
 const Drawer = React.createClass({