improve markup, hide useless decortion for a and h1 in header

develop
newick 3 years ago
parent 5ae1aeabeb
commit c47e00a824
  1. 16
      src/app/app.component.html
  2. 11
      src/app/app.component.scss
  3. 47
      src/app/ui/navigation/navigation.component.html
  4. 10
      src/app/ui/navigation/navigation.component.scss

@ -1,9 +1,5 @@
<div style="text-align:center">
<a
[routerLink]="'home'"
class="home_link"
aria-roledescription="home"
>
<header style="text-align:center">
<a [routerLink]="'home'" class="home_link" aria-roledescription="home">
<h1>
<span class="logo_first">Frama</span>
<span class="logo_second">date</span>
@ -13,7 +9,9 @@
</i>
</a>
</div>
</header>
<framadate-navigation></framadate-navigation>
<router-outlet></router-outlet>
<framadate-debugger></framadate-debugger>
<main>
<router-outlet></router-outlet>
</main>
<framadate-debugger></framadate-debugger>

@ -0,0 +1,11 @@
@charset "UTF-8";
header {
h1,
a {
&::before,
&::after {
display: none;
}
}
}

@ -1,56 +1,29 @@
<nav class="choices">
<a
[routerLink]="'/step/creation'"
>
<a [routerLink]="'/step/creation'">
Création
</a>
<a
[routerLink]="'/step/date'"
>
<a [routerLink]="'/step/date'">
Les Dates
</a>
<a
[routerLink]="'/step/answers'"
>
<a [routerLink]="'/step/answers'">
Réponses
</a>
<a
[routerLink]="'/step/visibility'"
>
<a [routerLink]="'/step/visibility'">
Visibilité
</a>
<a
[routerLink]="'/step/base'"
>
<a [routerLink]="'/step/base'">
Base
</a>
<a
[routerLink]="'/step/pictures'"
>
<a [routerLink]="'/step/pictures'">
Images
</a>
<a
[routerLink]="'/step/resume'"
>
<a [routerLink]="'/step/resume'">
Résumé
</a>
<a
[routerLink]="'/step/kind'"
>
<a [routerLink]="'/step/kind'">
Page démo
</a>
<a
[routerLink]="'/home'"
>
<a [routerLink]="'/home'">
Accueil
</a>
</nav>
</nav>

@ -0,0 +1,10 @@
@charset "UTF-8";
nav {
a {
&::before,
&::after {
display: none;
}
}
}
Loading…
Cancel
Save