Changed the backbutton
This commit is contained in:
parent
fd666782e1
commit
37c8cb2541
3 changed files with 24 additions and 19 deletions
|
@ -24,14 +24,12 @@ class Header extends HTMLElement {
|
|||
|
||||
connectedCallback() {
|
||||
this.innerHTML = `
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div><a href="../index.html" class="project-name">FOSS alternatives</a></div>
|
||||
<button><a href="../">back</a></button>
|
||||
<button class="burger-menu" style="display: block;" onclick="toggleMenu()">☰</button>
|
||||
<button class="back-button" onclick="goBack()">← Back</button>
|
||||
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||||
</div>
|
||||
</header>
|
||||
<div class="div-menu">
|
||||
|
@ -50,4 +48,11 @@ class Header extends HTMLElement {
|
|||
|
||||
customElements.define('header-component', Header);
|
||||
|
||||
// @license-end
|
||||
function goBack() {
|
||||
window.history.back();
|
||||
}
|
||||
|
||||
function toggleMenu() {
|
||||
const menu = document.querySelector('.div-menu');
|
||||
menu.style.display = menu.style.display === 'none' || menu.style.display === '' ? 'block' : 'none';
|
||||
}
|
||||
|
|
2
list.css
2
list.css
|
@ -1,5 +1,5 @@
|
|||
/*
|
||||
freeftf website
|
||||
foss_alternatives website
|
||||
Copyright (C) 2024 interstellar_development
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/*
|
||||
freeftf website
|
||||
foss_alternatives website
|
||||
Copyright (C) 2024 interstellar_development
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
|
|
Loading…
Reference in a new issue