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