Thomas Vachuska

GUI -- Added apple touch icon and a few apple-related meta-tags into index.html.

Change-Id: I04448f99ffb0a31869e13d5997d8ddbe53483448
...@@ -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;
......
...@@ -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>
......