GUI -- Added apple touch icon and a few apple-related meta-tags into index.html.
Change-Id: I04448f99ffb0a31869e13d5997d8ddbe53483448
Showing
3 changed files
with
18 additions
and
0 deletions
| ... | @@ -24,6 +24,10 @@ | ... | @@ -24,6 +24,10 @@ |
| 24 | vertical-align: baseline; | 24 | vertical-align: baseline; |
| 25 | } | 25 | } |
| 26 | 26 | ||
| 27 | +html[data-platform='iPad'] #mast { | ||
| 28 | + padding-top: 16px; | ||
| 29 | +} | ||
| 30 | + | ||
| 27 | .light #mast { | 31 | .light #mast { |
| 28 | background-color: #bbb; | 32 | background-color: #bbb; |
| 29 | box-shadow: 0 2px 8px #777; | 33 | box-shadow: 0 2px 8px #777; | ... | ... |
12.5 KB
| ... | @@ -18,6 +18,12 @@ | ... | @@ -18,6 +18,12 @@ |
| 18 | <head> | 18 | <head> |
| 19 | <meta charset="utf-8"> | 19 | <meta charset="utf-8"> |
| 20 | <link rel="shortcut icon" href="data/img/onos-logo.png"> | 20 | <link rel="shortcut icon" href="data/img/onos-logo.png"> |
| 21 | + | ||
| 22 | + <link rel="apple-touch-icon" href="data/img/apple-touch-icon.png"> | ||
| 23 | + <meta name="apple-mobile-web-app-capable" content="yes"> | ||
| 24 | + <meta name="apple-mobile-web-app-status-bar-style" content="black"> | ||
| 25 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| 26 | + | ||
| 21 | <title>ONOS</title> | 27 | <title>ONOS</title> |
| 22 | 28 | ||
| 23 | <!-- Third party library code included here --> | 29 | <!-- Third party library code included here --> |
| ... | @@ -139,5 +145,13 @@ | ... | @@ -139,5 +145,13 @@ |
| 139 | resize | 145 | resize |
| 140 | ng-style="resizeWithOffset(0, 0)"></div> | 146 | ng-style="resizeWithOffset(0, 0)"></div> |
| 141 | </div> | 147 | </div> |
| 148 | + | ||
| 149 | +<script> | ||
| 150 | + <!-- Inject user agent info into html element to allow CSS sensitivity. --> | ||
| 151 | + var b = document.documentElement; | ||
| 152 | + b.setAttribute('data-useragent', navigator.userAgent); | ||
| 153 | + b.setAttribute('data-platform', navigator.platform ); | ||
| 154 | + b.className += ((!!('ontouchstart' in window) || !!('onmsgesturechange' in window))?' touch':''); | ||
| 155 | +</script> | ||
| 142 | </body> | 156 | </body> |
| 143 | </html> | 157 | </html> | ... | ... |
-
Please register or login to post a comment