fedi/mastodon
1
0
Fork 1
mirror of https://github.com/mastodon/mastodon.git synced 2024-12-16 07:06:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Pass in correct "singleColumn" prop value when auto-columns is not used.

Browse source
This commit is contained in:
Surinna Curtis 2017-06-24 14:22:55 -05:00
parent a70468aa56
commit ceb545c080
2 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/javascript/mastodon/features/ui/index.js
View file

@ -74,6 +74,15 @@ class WrappedRoute extends React.Component {
}
function columnClass(columns) {
switch (columns) {
case "auto": return "auto-columns";
case "single": return "single-column";
case "multiple": return "multi-columns";
default: return "auto-columns";
}
}
@connect()
export default class UI extends React.PureComponent {
@ -178,10 +187,12 @@ export default class UI extends React.PureComponent {
const { width, draggingOver } = this.state;
const { children } = this.props;
const columns = "auto";
return (
<div className='ui auto-columns' ref={this.setRef}>
<div className={'ui ' + columnClass(columns)} ref={this.setRef}>
<TabsBar />
<ColumnsAreaContainer singleColumn={isMobile(width)}>
<ColumnsAreaContainer singleColumn={isMobile(width, columns)}>
<WrappedSwitch>
<Redirect from='/' to='/getting-started' exact />
<WrappedRoute path='/getting-started' component={GettingStarted} content={children} />

9
app/javascript/mastodon/is_mobile.js
View file

@ -1,7 +1,14 @@
const LAYOUT_BREAKPOINT = 1024;
export function isMobile(width) {
export function isMobile(width, columns) {
switch (columns) {
case "multiple":
return false;
case "single":
return true;
default:
return width <= LAYOUT_BREAKPOINT;
}
};
const iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;