luci-theme-material: fix theme for applyreboot page changes

This rename style.css to casade.css (like the other themes) and fix the css to display the header even in the applyreboot page

Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
This commit is contained in:
Ansuel Smith 2018-08-07 17:46:00 +02:00
parent c27a77756c
commit 35da63fa9a
No known key found for this signature in database
GPG key ID: AC001D09ADBFEAD7
2 changed files with 19 additions and 17 deletions

View file

@ -23,11 +23,11 @@
*/ */
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';
src: url('../fonts/font.eot'); src: url('fonts/font.eot');
src: url('../fonts/font.eot') format('embedded-opentype'), src: url('fonts/font.eot') format('embedded-opentype'),
url('../fonts/font.ttf') format('truetype'), url('fonts/font.ttf') format('truetype'),
url('../fonts/font.woff') format('woff'), url('fonts/font.woff') format('woff'),
url('../fonts/font.svg') format('svg'); url('fonts/font.svg') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -285,12 +285,12 @@ header {
color: white; color: white;
} }
header > .container { header > .fill > .container {
margin-top: 0.5rem; margin-top: 0.5rem;
padding: 0.5rem 1rem 0 1rem; padding: 0.5rem 1rem 0 1rem;
} }
header > .container > .brand { header > .fill > .container > .brand {
font-size: 1.4rem; font-size: 1.4rem;
color: white; color: white;
text-decoration: none; text-decoration: none;

View file

@ -203,7 +203,7 @@
<link rel="icon" href="<%=media%>/logo.png" sizes="144x144"> <link rel="icon" href="<%=media%>/logo.png" sizes="144x144">
<link rel="apple-touch-icon-precomposed" href="<%=media%>/logo.png" sizes="144x144"> <link rel="apple-touch-icon-precomposed" href="<%=media%>/logo.png" sizes="144x144">
<link rel="stylesheet" href="<%=media%>/css/style.css"> <link rel="stylesheet" href="<%=media%>/cascade.css">
<link rel="shortcut icon" href="<%=media%>/favicon.ico"> <link rel="shortcut icon" href="<%=media%>/favicon.ico">
<% if node and node.css then %> <% if node and node.css then %>
<link rel="stylesheet" href="<%=resource%>/<%=node.css%>"> <link rel="stylesheet" href="<%=resource%>/<%=node.css%>">
@ -216,15 +216,17 @@
</head> </head>
<body class="lang_<%=luci.i18n.context.lang%> <%- if node then %><%= striptags( node.title ) %><%- end %> <% if luci.dispatcher.context.authsession then %>logged-in<% end %>"> <body class="lang_<%=luci.i18n.context.lang%> <%- if node then %><%= striptags( node.title ) %><%- end %> <% if luci.dispatcher.context.authsession then %>logged-in<% end %>">
<header> <header>
<div class="container"> <div class="fill">
<span class="showSide"></span> <div class="container">
<a class="brand" href="#"><%=boardinfo.hostname or "?"%></a> <span class="showSide"></span>
<div class="pull-right"> <a class="brand" href="#"><%=boardinfo.hostname or "?"%></a>
<% render_changes() %> <div class="pull-right">
<span id="xhr_poll_status" style="display:none" onclick="XHR.running() ? XHR.halt() : XHR.run()"> <% render_changes() %>
<span class="label success" id="xhr_poll_status_on"><span class="mobile-hide"><%:Auto Refresh%></span> <%:on%></span> <span id="xhr_poll_status" style="display:none" onclick="XHR.running() ? XHR.halt() : XHR.run()">
<span class="label" id="xhr_poll_status_off" style="display:none"><span class="mobile-hide"><%:Auto Refresh%></span> <%:off%></span> <span class="label success" id="xhr_poll_status_on"><span class="mobile-hide"><%:Auto Refresh%></span> <%:on%></span>
</span> <span class="label" id="xhr_poll_status_off" style="display:none"><span class="mobile-hide"><%:Auto Refresh%></span> <%:off%></span>
</span>
</div>
</div> </div>
</div> </div>
</header> </header>