j3d1/fiatlux
1
0
Fork 1
Code Issues 18 Pull requests Projects Releases 2 Wiki Activity

switch to css only paging
All checks were successful
continuous-integration/drone/push Build is passing
Details

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
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-left: auto;
margin-right: auto; margin-right: auto;
} }
section {
display: none;
}
canvas{ canvas{
width: 100%; width: 100%;
} }
main[data-page="dashboard"] section[id="dashboard"] { main section:target ~ section, main section#io, main section#wifi, main section#ota {
display: block; display: none;
} }
main[data-page="ota"] section[id="ota"] { main section:target{
display: block; display: block !important;
}
main[data-page="wifi"] section[id="wifi"] {
display: block;
}
main[data-page="io"] section[id="io"] {
display: block;
} }
.table { .table {

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

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