themes/bootstrap: Fixes for mobile devices: add initial scale, don't show hostname...

diff --git a/themes/bootstrap/htdocs/luci-static/bootstrap/mobile.css b/themes/bootstrap/htdocs/luci-static/bootstrap/mobile.css
new file mode 100644 (file)
index 0000000..e9d9b61
--- /dev/null
+++ b/themes/bootstrap/htdocs/luci-static/bootstrap/mobile.css
@@ -0,0 +1,3 @@
+header h3 a, header .brand {
+       display:none !important;
+}

diff --git a/themes/bootstrap/luasrc/view/themes/bootstrap/header.htm b/themes/bootstrap/luasrc/view/themes/bootstrap/header.htm
index c79c152ba98b1bfc976d4016cb75991819d5a36f..a49b7d4072079cb9704423ae84815e4e0099102e 100644 (file)
--- a/themes/bootstrap/luasrc/view/themes/bootstrap/header.htm
+++ b/themes/bootstrap/luasrc/view/themes/bootstrap/header.htm
@@ -102,7 +102,9 @@ You may obtain a copy of the License at
   <meta charset="utf-8">
   <title><%=striptags( hostname .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI</title>
   <!--[if lt IE 9]><script src="<%=media%>/html5.js"></script><![endif]-->
+  <meta name="viewport" content="initial-scale=1.0">
   <link rel="stylesheet" href="<%=media%>/cascade.css">
+  <link rel="stylesheet" media="only screen and (max-device-width: 854px)" href="<%=media%>/mobile.css" type="text/css" />
   <link rel="shortcut icon" href="<%=media%>/favicon.ico">
   <% if node and node.css then %><link rel="stylesheet" href="<%=resource%>/<%=node.css%>">
   <% end -%>
@@ -193,7 +195,6 @@ You may obtain a copy of the License at
    </div>
   </header>
 
-
 <%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") then -%>
 <div class="container">
        <div class="alert-message warning">