_7m9/fiatlux
1
0
Fork 0
forked from j3d1/fiatlux
Code Issues Pull requests Projects Releases Wiki Activity

switch to css only paging

Browse source
This commit is contained in:
j3d1 2021-08-03 02:02:48 +02:00
parent c049c04e8e
commit 495163060d
2 changed files with 6 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
firmware/fsdata/fs/css/style.css
View file

@ -5,28 +5,17 @@ main {
margin-left: auto;
margin-right: auto;
}
section {
display: none;
}
canvas{
width: 100%;
}
main[data-page="dashboard"] section[id="dashboard"] {
display: block;
main section:target ~ section, main section#io, main section#wifi, main section#ota {
display: none;
}
main[data-page="ota"] section[id="ota"] {
display: block;
}
main[data-page="wifi"] section[id="wifi"] {
display: block;
}
main[data-page="io"] section[id="io"] {
display: block;
main section:target{
display: block !important;
}
.table {

8
firmware/fsdata/fs/index.html
View file

@ -15,10 +15,10 @@
<input id="bmenub" type="checkbox" class="show">
<label for="bmenub" class="burger pseudo button">&#9776;</label>
<div class="menu">
<a href="/" class="button icon-picture" onclick="use_page('dashboard'); return false">Dashboard</a>
<a href="/#" class="button icon-picture">Dashboard</a>
</div>
</nav>
<main data-page="dashboard" id="page">
<main id="page">
<section id="dashboard">
<h2>Status</h2>
<div class="flex">
@ -152,10 +152,6 @@
return pos;
};
function use_page(name) {
section.dataset.page = name;
}
var ws;
var retries;
var series = new TimeSeries();