funky-framadate-front/src/app/core/components/header/header.component.html

<header class="big-header">
	<nav class="navbar" role="navigation" aria-label="main navigation">
		<div class="navbar-brand">
			<a class="navbar-item" routerLink="/">
				<img class="app-logo logo" *ngIf="appLogo" src="{{ appLogo }}" alt="{{ appTitle }}" />
				<span class="app-title title is-2">
					{{ appTitle }}
				</span>
			</a>

			<a
				role="button"
				class="navbar-burger burger"
				aria-label="menu"
				aria-expanded="false"
				data-target="navbarBasicExample"
				[ngClass]="{ 'has-background-primary': mobileMenuVisible }"
				(click)="mobileMenuVisible = !mobileMenuVisible"
			>
				<span aria-hidden="true"></span>
				<span aria-hidden="true"></span>
				<span aria-hidden="true"></span>
			</a>
		</div>

		<div id="navbarBasicExample" class="navbar-menu">
			<div class="navbar-start">
				<a class="navbar-item btn btn--primary" routerLink="administration" routerLinkActive="is-active">
					<i class="fa fa-plus-circle"></i>
					<span>
						{{ 'config.title' | translate }}
					</span>
				</a>
			</div>

			<div class="navbar-end">
				<app-language-selector></app-language-selector>
			</div>
		</div>
		<div class="mobile-menu" *ngIf="mobileMenuVisible">
			menu mobile ---
			<button class="button is-default" (click)="mobileMenuVisible = !mobileMenuVisible">fermer</button>

			<ul class="ui-listbox">
				<li>
					Imprimer
				</li>
				<li>
					Exporter CSV
				</li>
				<li>
					Modifier
				</li>
				<li>
					URL administrateur
					<input type="text" />
					copier
				</li>
				<li>
					Supprimer tous les votes
				</li>
				<li>
					Supprimer tous les commentaires
				</li>
				<li>
					Supprimer le sondage
				</li>
				<li></li>
			</ul>
		</div>
	</nav>
</header>