github/apache-cordova-plugin-inappbrowser
github/apache-cordova-plugin-inappbrowser
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CB-13969 reverting to older version of inappbrowser.css to leave it out of PR

Browse Source
This commit is contained in:
Steinar Ágúst 2019-02-28 14:05:05 +00:00
parent df84ddabd2
commit 5359f6cf18
1 changed files with 53 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
www/inappbrowser.css
View File

@ -1,4 +1,4 @@
/* /*
* Licensed to the Apache Software Foundation (ASF) under one * Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file * or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information * distributed with this work for additional information
@ -18,97 +18,97 @@
*/ */
.inAppBrowserWrap { .inAppBrowserWrap {
margin: 0; margin: 0;
padding: 0; padding: 0;
outline: 0; outline: 0;
font-size: 100%; font-size: 100%;
vertical-align: baseline; vertical-align: baseline;
background: 0 0; background: 0 0;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 9999999; z-index: 9999999;
box-sizing: border-box; box-sizing: border-box;
border: 40px solid #bfbfbf; border: 40px solid #bfbfbf;
border: 40px solid rgba(0, 0, 0, 0.25); border: 40px solid rgba(0, 0, 0, 0.25);
} }
.inAppBrowserWrapFullscreen { .inAppBrowserWrapFullscreen {
border: 0; border: 0;
} }
.inappbrowser-app-bar { .inappbrowser-app-bar {
height: 70px; height: 70px;
background-color: #404040; background-color: #404040;
z-index: 9999999; z-index: 9999999;
} }
.inappbrowser-app-bar-inner { .inappbrowser-app-bar-inner {
padding-top: 10px; padding-top: 10px;
height: 60px; height: 60px;
width: 155px; width: 155px;
margin: 0 auto; margin: 0 auto;
background-color: #404040; background-color: #404040;
z-index: 9999999; z-index: 9999999;
} }
.app-bar-action { .app-bar-action {
width: auto; width: auto;
height: 40px; height: 40px;
margin-left: 20px; margin-left: 20px;
font-family: "Segoe UI Symbol"; font-family: 'Segoe UI Symbol';
float: left; float: left;
color: white; color: white;
font-size: 12px; font-size: 12px;
text-transform: lowercase; text-transform: lowercase;
text-align: center; text-align: center;
cursor: default; cursor: default;
} }
.app-bar-action[disabled] { .app-bar-action[disabled] {
color: gray; color: gray;
/*disable click*/ /*disable click*/
pointer-events: none; pointer-events: none;
} }
.app-bar-action::before { .app-bar-action::before {
font-size: 28px; font-size: 28px;
display: block; display: block;
height: 36px; height: 36px;
} }
/* Back */ /* Back */
.action-back { .action-back {
margin-left: 0px; margin-left: 0px;
} }
.action-back::before { .action-back::before {
content: "\E0BA"; content: '\E0BA';
} }
.action-back:not([disabled]):hover::before { .action-back:not([disabled]):hover::before {
content: "\E0B3"; content: '\E0B3';
} }
/* Forward */ /* Forward */
.action-forward::before { .action-forward::before {
content: "\E0AC"; content: '\E0AC';
} }
.action-forward:not([disabled]):hover::before { .action-forward:not([disabled]):hover::before {
content: "\E0AF"; content: '\E0AF';
} }
/* Close */ /* Close */
.action-close::before { .action-close::before {
content: "\E0C7"; content: '\E0C7';
/* close icon is larger so we re-size it to fit other icons */ /* close icon is larger so we re-size it to fit other icons */
font-size: 20px; font-size: 20px;
line-height: 40px; line-height: 40px;
} }
.action-close:not([disabled]):hover::before { .action-close:not([disabled]):hover::before {
content: "\E0CA"; content: '\E0CA';
} }