From 589d3c29b06a67e63828cf86091844a20fe379ec Mon Sep 17 00:00:00 2001 From: CaerusKaru Date: Wed, 6 Jun 2018 22:08:54 -0400 Subject: [PATCH] fix(breakpoints): use correct orientation mediaquery Fixes #763 --- .../breakpoints/data/orientation-break-points.ts | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/lib/core/breakpoints/data/orientation-break-points.ts b/src/lib/core/breakpoints/data/orientation-break-points.ts index 21894aa00..2e072d62d 100644 --- a/src/lib/core/breakpoints/data/orientation-break-points.ts +++ b/src/lib/core/breakpoints/data/orientation-break-points.ts @@ -9,14 +9,14 @@ import {BreakPoint} from '../break-point'; /* tslint:disable */ -const HANDSET_PORTRAIT = '(orientations: portrait) and (max-width: 599px)'; -const HANDSET_LANDSCAPE = '(orientations: landscape) and (max-width: 959px)'; +const HANDSET_PORTRAIT = '(orientation: portrait) and (max-width: 599px)'; +const HANDSET_LANDSCAPE = '(orientation: landscape) and (max-width: 959px)'; -const TABLET_LANDSCAPE = '(orientations: landscape) and (min-width: 960px) and (max-width: 1279px)'; -const TABLET_PORTRAIT = '(orientations: portrait) and (min-width: 600px) and (max-width: 839px)'; +const TABLET_LANDSCAPE = '(orientation: landscape) and (min-width: 960px) and (max-width: 1279px)'; +const TABLET_PORTRAIT = '(orientation: portrait) and (min-width: 600px) and (max-width: 839px)'; -const WEB_PORTRAIT = '(orientations: portrait) and (min-width: 840px)'; -const WEB_LANDSCAPE = '(orientations: landscape) and (min-width: 1280px)'; +const WEB_PORTRAIT = '(orientation: portrait) and (min-width: 840px)'; +const WEB_LANDSCAPE = '(orientation: landscape) and (min-width: 1280px)'; export const ScreenTypes = { 'HANDSET' : `${HANDSET_PORTRAIT}, ${HANDSET_LANDSCAPE}`,