From ec6af56fbd0e2d85f932914da576871da507b4c6 Mon Sep 17 00:00:00 2001 From: Fiffi Date: Mon, 23 Apr 2018 16:07:17 +0000 Subject: [PATCH] remove statusbar when inAppBrowser is open in andriod --- src/android/InAppBrowser.java | 1 + www/inappbrowser.css | 104 +++++++++++++++++----------------- 2 files changed, 53 insertions(+), 52 deletions(-) diff --git a/src/android/InAppBrowser.java b/src/android/InAppBrowser.java index a73f76683..c61af82ad 100644 --- a/src/android/InAppBrowser.java +++ b/src/android/InAppBrowser.java @@ -713,6 +713,7 @@ public void run() { dialog = new InAppBrowserDialog(cordova.getActivity(), android.R.style.Theme_NoTitleBar); dialog.getWindow().getAttributes().windowAnimations = android.R.style.Animation_Dialog; dialog.requestWindowFeature(Window.FEATURE_NO_TITLE); + dialog.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); dialog.setCancelable(true); dialog.setInAppBroswer(getInAppBrowser()); diff --git a/www/inappbrowser.css b/www/inappbrowser.css index 5762c7468..3a70cac36 100644 --- a/www/inappbrowser.css +++ b/www/inappbrowser.css @@ -18,97 +18,97 @@ */ .inAppBrowserWrap { - margin: 0; - padding: 0; - outline: 0; - font-size: 100%; - vertical-align: baseline; - background: 0 0; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 9999999; - box-sizing: border-box; - border: 40px solid #bfbfbf; - border: 40px solid rgba(0, 0, 0, 0.25); + margin: 0; + padding: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: 0 0; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 9999999; + box-sizing: border-box; + border: 40px solid #bfbfbf; + border: 40px solid rgba(0, 0, 0, 0.25); } .inAppBrowserWrapFullscreen { - border: 0; + border: 0; } .inappbrowser-app-bar { - height: 70px; - background-color: #404040; - z-index: 9999999; + height: 70px; + background-color: #404040; + z-index: 9999999; } .inappbrowser-app-bar-inner { - padding-top: 10px; - height: 60px; - width: 155px; - margin: 0 auto; - background-color: #404040; - z-index: 9999999; + padding-top: 10px; + height: 60px; + width: 155px; + margin: 0 auto; + background-color: #404040; + z-index: 9999999; } .app-bar-action { - width: auto; - height: 40px; - margin-left: 20px; - font-family: "Segoe UI Symbol"; - float: left; - color: white; - font-size: 12px; - text-transform: lowercase; - text-align: center; - cursor: default; + width: auto; + height: 40px; + margin-left: 20px; + font-family: 'Segoe UI Symbol'; + float: left; + color: white; + font-size: 12px; + text-transform: lowercase; + text-align: center; + cursor: default; } .app-bar-action[disabled] { - color: gray; - /*disable click*/ - pointer-events: none; + color: gray; + /*disable click*/ + pointer-events: none; } .app-bar-action::before { - font-size: 28px; - display: block; - height: 36px; + font-size: 28px; + display: block; + height: 36px; } /* Back */ -.action-back { - margin-left: 0px; +.action-back { + margin-left: 0px; } .action-back::before { - content: "\E0BA"; + content: '\E0BA'; } .action-back:not([disabled]):hover::before { - content: "\E0B3"; + content: '\E0B3'; } /* Forward */ .action-forward::before { - content: "\E0AC"; + content: '\E0AC'; } .action-forward:not([disabled]):hover::before { - content: "\E0AF"; + content: '\E0AF'; } /* Close */ .action-close::before { - content: "\E0C7"; - /* close icon is larger so we re-size it to fit other icons */ - font-size: 20px; - line-height: 40px; + content: '\E0C7'; + /* close icon is larger so we re-size it to fit other icons */ + font-size: 20px; + line-height: 40px; } .action-close:not([disabled]):hover::before { - content: "\E0CA"; + content: '\E0CA'; }