Add button to go back to the root

This commit is contained in:
Martchus 2022-06-09 19:41:10 +02:00
parent 4868a80573
commit d26c911fd6
4 changed files with 17 additions and 0 deletions

View File

@ -27,6 +27,7 @@ set(CSS_FILES static/css/basics.css static/css/genericrendering.css static/css/l
set(IMG_FILES
static/img/logo.svg
static/img/icon/content-save.svg
static/img/icon/chevron-left.svg
static/img/icon/power.svg
static/img/icon/play.svg
static/img/icon/magnify.svg

View File

@ -1,6 +1,15 @@
/* style for page-specific elements */
/* icons of buttons within navigation */
#back-nav-link {
background-image: url(../img/icon/chevron-left.svg);
background-size: contain;
filter: invert(100%);
margin-right: -20px;
}
#back-nav-link a {
margin-right: 0px;
}
#global-nav-link {
background-image: url(../img/icon/database-white.svg);
}

View File

@ -31,6 +31,9 @@
<span><em>Unofficial</em> tool to build packages and manage repositories</span>
</div>
<ul>
<li id="back-nav-link">
<a href="../" title="Back to root"></a>
</li>
<li id="global-nav-link">
<a href="#global-section" title="Databases">DBs</a>
</li>

View File

@ -3,6 +3,10 @@ import * as PackageDetailsPage from './packagedetailspage.js';
import * as PackageSearchPage from './packagesearchpage.js';
import * as SinglePage from './singlepage.js';
if (window.location.pathname === '/') {
document.getElementById('back-nav-link').style.display = 'none';
}
SinglePage.initPage({
'global': {
},