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() { |   connectedCallback() { | ||||||
|     this.innerHTML = ` |     this.innerHTML = ` | ||||||
|       <style> |       <link rel="stylesheet" href="styles.css"> | ||||||
|         |  | ||||||
|       </style> |  | ||||||
|       <header> |       <header> | ||||||
|         <div class="header-content"> |         <div class="header-content"> | ||||||
|           <div><a href="../index.html" class="project-name">FOSS alternatives</a></div> |           <div><a href="../index.html" class="project-name">FOSS alternatives</a></div> | ||||||
|           <button><a href="../">back</a></button> |           <button class="back-button" onclick="goBack()">← Back</button> | ||||||
|           <button class="burger-menu" style="display: block;" onclick="toggleMenu()">☰</button> |           <button class="burger-menu" onclick="toggleMenu()">☰</button> | ||||||
|         </div> |         </div> | ||||||
|       </header> |       </header> | ||||||
|       <div class="div-menu"> |       <div class="div-menu"> | ||||||
|  | @ -50,4 +48,11 @@ class Header extends HTMLElement { | ||||||
| 
 | 
 | ||||||
| customElements.define('header-component', Header); | 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 |         Copyright (C) 2024  interstellar_development | ||||||
| 
 | 
 | ||||||
|         This program is free software: you can redistribute it and/or modify |         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 |         Copyright (C) 2024  interstellar_development | ||||||
| 
 | 
 | ||||||
|         This program is free software: you can redistribute it and/or modify |         This program is free software: you can redistribute it and/or modify | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue
	
	 Sage The DM
						Sage The DM