move things in about page, style footer 🎨
This commit is contained in:
parent
a1d58a2812
commit
71b9fff475
|
@ -10,9 +10,9 @@
|
||||||
<main [@routeAnimations]="prepareRoute(outlet)">
|
<main [@routeAnimations]="prepareRoute(outlet)">
|
||||||
<router-outlet #outlet></router-outlet>
|
<router-outlet #outlet></router-outlet>
|
||||||
</main>
|
</main>
|
||||||
<app-footer></app-footer>
|
|
||||||
<app-feedback></app-feedback>
|
<app-feedback></app-feedback>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<app-footer></app-footer>
|
||||||
</mat-sidenav-content>
|
</mat-sidenav-content>
|
||||||
</mat-sidenav-container>
|
</mat-sidenav-container>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<footer class="footer">
|
<footer class="footer main-footer">
|
||||||
<div class="content has-text-centered">
|
<div class="content container">
|
||||||
<p>
|
<p>
|
||||||
<img class="app-logo logo" *ngIf="env.appLogo" src="{{ env.appLogo }}" alt="{{ env.appTitle }}" />
|
<img class="app-logo logo" *ngIf="env.appLogo" src="{{ env.appLogo }}" alt="{{ env.appTitle }}" />
|
||||||
|
|
||||||
|
@ -30,22 +30,42 @@
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<h3 class="title is-3">Framasoft</h3>
|
<h3 class="title is-3">Framasoft</h3>
|
||||||
L’association,Notre charte,Contacter Framasoft,Statistiques,État des services
|
<ul>
|
||||||
|
<li>L’association,</li>
|
||||||
|
<li>Notre charte,</li>
|
||||||
|
<li>Contacter Framasoft,</li>
|
||||||
|
<li>Statistiques,</li>
|
||||||
|
<li>État des services</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<h3 class="title is-3">Communauté</h3>
|
<h3 class="title is-3">Communauté</h3>
|
||||||
Framacolibri,Participer,Bénévolat valorisé,Partenaires,Charte de modération
|
<ul>
|
||||||
|
<li>Framacolibri,</li>
|
||||||
|
<li>Participer,</li>
|
||||||
|
<li>Bénévolat valorisé,</li>
|
||||||
|
<li>Partenaires,</li>
|
||||||
|
<li>Charte de modération</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<h3 class="title is-3">Framadate</h3>
|
<h3 class="title is-3">Framadate</h3>
|
||||||
Entraide,Guides et astuces,Mentions légales,CGU,Crédits
|
<ul>
|
||||||
|
<li>Entraide,</li>
|
||||||
|
<li>Guides et astuces,</li>
|
||||||
|
<li>Mentions légales,</li>
|
||||||
|
<li>CGU,</li>
|
||||||
|
<li>Crédits</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<form action="#">
|
<form action="#">
|
||||||
<label for="subscribe_newsletter">
|
<h3 class="title is-3">
|
||||||
<i class="fa fa-enveloppe"></i>
|
<label for="subscribe_newsletter">
|
||||||
Inscrivez-vous à la newsletter
|
<i class="fa fa-enveloppe"></i>
|
||||||
</label>
|
Inscrivez-vous à la newsletter
|
||||||
|
</label>
|
||||||
|
</h3>
|
||||||
<input type="text" class="input" id="subscribe_newsletter" />
|
<input type="text" class="input" id="subscribe_newsletter" />
|
||||||
<button class="button is-outlined is-primary" (click)="subscribeToNewsletter()">
|
<button class="button is-outlined is-primary" (click)="subscribeToNewsletter()">
|
||||||
S'inscrire
|
S'inscrire
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
:host {
|
||||||
|
> .columns {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,5 +1,5 @@
|
||||||
<section class="creation-stepper" id="creation_stepper">
|
<section class="creation-stepper" id="creation_stepper">
|
||||||
<div class="shortcuts">
|
<div class="shortcuts" *ngIf="show_shortcuts">
|
||||||
<a
|
<a
|
||||||
class="shortcut"
|
class="shortcut"
|
||||||
href="#"
|
href="#"
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
.step-bar-container {
|
.step-bar-container {
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
height: 0.5em;
|
height: 0.6em;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
background: $border-color !important;
|
background: $border-color !important;
|
||||||
|
@ -10,7 +10,7 @@
|
||||||
}
|
}
|
||||||
.step-bar-progress {
|
.step-bar-progress {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -0.6em;
|
top: -0.5em;
|
||||||
left: 0;
|
left: 0;
|
||||||
height: 0.5em;
|
height: 0.5em;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
@ -10,3 +10,8 @@
|
||||||
border-radius: 0.25em;
|
border-radius: 0.25em;
|
||||||
color: $font_color;
|
color: $font_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.is-finish {
|
||||||
|
background: $success_color;
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
|
|
@ -18,7 +18,9 @@ select.is-hovered,
|
||||||
app-step-one,
|
app-step-one,
|
||||||
app-step-two,
|
app-step-two,
|
||||||
app-step-three,
|
app-step-three,
|
||||||
app-step-four {
|
app-step-four,
|
||||||
|
app-step-six,
|
||||||
|
app-step-seven {
|
||||||
padding: 2em 2.5em;
|
padding: 2em 2.5em;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
@ -284,11 +286,6 @@ mat-checkbox {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.step-container {
|
|
||||||
padding: 1em 2em;
|
|
||||||
@extend .container, .is-widescreen;
|
|
||||||
}
|
|
||||||
|
|
||||||
// resume de la création de sondage
|
// resume de la création de sondage
|
||||||
.step-resume {
|
.step-resume {
|
||||||
.content {
|
.content {
|
||||||
|
|
|
@ -4,14 +4,33 @@ html {
|
||||||
font-size: 1rem; /* 10px */
|
font-size: 1rem; /* 10px */
|
||||||
color: $font_color;
|
color: $font_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
min-height: 90vh;
|
min-height: 90vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.min-height {
|
.min-height {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
min-height: 50vh;
|
min-height: 50vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-footer {
|
||||||
|
background: $primary-color;
|
||||||
|
color: $white;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
ul {
|
||||||
|
padding: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -41,6 +41,7 @@ $d-error: #ffecee;
|
||||||
$d-error-text: #d51b38;
|
$d-error-text: #d51b38;
|
||||||
|
|
||||||
// interpretations in app
|
// interpretations in app
|
||||||
|
$success_color: $d-success-text;
|
||||||
$primary_color: $d-primary;
|
$primary_color: $d-primary;
|
||||||
$primary: $d-primary;
|
$primary: $d-primary;
|
||||||
$secondary_color: $d-primary-intense;
|
$secondary_color: $d-primary-intense;
|
||||||
|
|
Loading…
Reference in New Issue