treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Use forceSingleColumn only in automatic layout mode

lolsob-rspec
Thibaut Girka 2019-06-12 17:18:45 +02:00 committed by ThibG
parent 210610386f
commit 428a1603e2
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/flavours/glitch/features/ui/index.js
View File

@ -48,7 +48,7 @@ import {
GettingStartedMisc,
} from 'flavours/glitch/util/async-components';
import { HotKeys } from 'react-hotkeys';
import { me, forceSingleColumn } from 'flavours/glitch/util/initial_state';
import { me } from 'flavours/glitch/util/initial_state';
import { defineMessages, injectIntl } from 'react-intl';
// Dummy import, to make sure that <Status /> ends up in the application bundle.
@ -432,7 +432,7 @@ export default class UI extends React.Component {
render () {
const { width, draggingOver } = this.state;
const { children, layout, isWide, navbarUnder, dropdownMenuIsOpen } = this.props;
const singleColumn = forceSingleColumn || isMobile(width, layout);
const singleColumn = isMobile(width, layout);
const redirect = singleColumn ? <Redirect from='/' to='/timelines/home' exact /> : <Redirect from='/' to='/getting-started' exact />;
const columnsClass = layout => {

3
app/javascript/flavours/glitch/util/is_mobile.js
View File

@ -1,4 +1,5 @@
import detectPassiveEvents from 'detect-passive-events';
import { forceSingleColumn } from 'flavours/glitch/util/initial_state';
const LAYOUT_BREAKPOINT = 630;
@ -9,7 +10,7 @@ export function isMobile(width, columns) {
case 'single':
return true;
default:
return width <= LAYOUT_BREAKPOINT;
return forceSingleColumn || width <= LAYOUT_BREAKPOINT;
}
};