feat(core): add check for standalone mode (#15001)

* feat(core): add check for standalone mode * feat(): add check for isStandalone * feat(core): add check for standalone mode
ionic-team · Aug 6, 2018 · 0b4b9fe · 0b4b9fe
1 parent 60f5731
commit 0b4b9fe
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/core/src/components/app/app.tsx b/core/src/components/app/app.tsx
@@ -1,7 +1,7 @@
 import { Component, Element, Prop, QueueApi } from '@stencil/core';
 
 import { Config, Mode } from '../../interface';
-import { isDevice, isHybrid, needInputShims } from '../../utils/platform';
+import { isDevice, isHybrid, isStandaloneMode, needInputShims } from '../../utils/platform';
 import { createThemedClasses } from '../../utils/theme';
 
 @Component({
@@ -35,14 +35,16 @@ export class App {
 
   hostData() {
     const hybrid = isHybrid(this.win);
-    const statusbarPadding = this.config.get('statusbarPadding', hybrid);
+    const isStandalone = isStandaloneMode(this.win);
+    const statusbarPadding = this.config.get('statusbarPadding', hybrid || isStandalone);
 
     return {
       class: {
         ...createThemedClasses(this.mode, 'app'),
 
         'is-device': this.isDevice,
         'is-hydrid': hybrid,
+        'is-standalone': isStandalone,
         'statusbar-padding': statusbarPadding
       }
     };

diff --git a/core/src/utils/platform.ts b/core/src/utils/platform.ts
@@ -57,6 +57,10 @@ export function isElectron(win: Window): boolean {
   return testUserAgent(win, /electron/);
 }
 
+export function isStandaloneMode(win: Window): boolean {
+  return win.matchMedia('(display-mode: standalone)').matches;
+}
+
 export function needInputShims(win: Window) {
   return isIOS(win) && isDevice(win);
 }