Change links in multi-column mode so tabs are open in single-column mode (#25893)
This commit is contained in:
parent
41f65edb21
commit
5fad7bd58a
12 changed files with 77 additions and 19 deletions
|
@ -1,19 +1,21 @@
|
|||
import { supportsPassiveEvents } from 'detect-passive-events';
|
||||
|
||||
import { forceSingleColumn } from './initial_state';
|
||||
import { forceSingleColumn, hasMultiColumnPath } from './initial_state';
|
||||
|
||||
const LAYOUT_BREAKPOINT = 630;
|
||||
|
||||
export const isMobile = (width: number) => width <= LAYOUT_BREAKPOINT;
|
||||
|
||||
export const transientSingleColumn = !forceSingleColumn && !hasMultiColumnPath;
|
||||
|
||||
export type LayoutType = 'mobile' | 'single-column' | 'multi-column';
|
||||
export const layoutFromWindow = (): LayoutType => {
|
||||
if (isMobile(window.innerWidth)) {
|
||||
return 'mobile';
|
||||
} else if (forceSingleColumn) {
|
||||
return 'single-column';
|
||||
} else {
|
||||
} else if (!forceSingleColumn && !transientSingleColumn) {
|
||||
return 'multi-column';
|
||||
} else {
|
||||
return 'single-column';
|
||||
}
|
||||
};
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue