Merge branch 'styling-themes' into 'develop'
Styling themes See merge request framasoft/framadate/funky-framadate-front!39archived-develop
ty kayn
3 years ago
commit
e67f92e176
@ -1,16 +1,14 @@
|
||||
<div id="big_container" [class]="themeClass">
|
||||
<app-header [isSidebarOpened]="isSidebarOpened" (toggleSidebarEE)="toggleSidebar($event)"></app-header>
|
||||
|
||||
<main>
|
||||
<router-outlet></router-outlet>
|
||||
<app-feedback></app-feedback>
|
||||
</main>
|
||||
|
||||
<app-footer></app-footer>
|
||||
<div class="container">
|
||||
<app-header [isSidebarOpened]="isSidebarOpened" (toggleSidebarEE)="toggleSidebar($event)"></app-header>
|
||||
<main>
|
||||
<router-outlet></router-outlet>
|
||||
</main>
|
||||
<app-footer></app-footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p-toast position="bottom-center"></p-toast>
|
||||
|
||||
<p-sidebar [(visible)]="isSidebarOpened">
|
||||
<app-navigation></app-navigation>
|
||||
</p-sidebar>
|
||||
|
||||
@ -1,9 +1,26 @@
|
||||
<footer class="footer">
|
||||
<div class="content has-text-centered">
|
||||
<p>
|
||||
<strong>Bulma</strong> by <a href="https://jgthms.com">Jeremy Thomas</a>. The source code is licensed
|
||||
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content is licensed
|
||||
<a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
|
||||
Framadate - libérez vos sondages.
|
||||
<i class="fa fa-copyleft"></i> Logiciel libre sous licence AGPL v3.
|
||||
<a href="https://framagit.org/framasoft/framadate/funky-framadate-front">
|
||||
<i class="fa fa-gitlab"></i> Sources</a
|
||||
>
|
||||
|
|
||||
<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/wikis/home">
|
||||
<i class="fa fa-book"></i>
|
||||
Documentation
|
||||
</a>
|
||||
|
|
||||
<a href="https://framateam.org/ux-framatrucs/channels/framadate">
|
||||
<i class="fa fa-comment"></i>
|
||||
canal de discussion Framateam
|
||||
</a>
|
||||
|
|
||||
<a href="https://riot.im/app/#/room/#framadate:matrix.org">
|
||||
<i class="fa fa-matrix-org"></i>
|
||||
canal Matrix
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@ -0,0 +1,7 @@
|
||||
:host {
|
||||
header {
|
||||
.container {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,33 +1,40 @@
|
||||
<div>
|
||||
<div [ngClass]="{ 'is-success': pollForm.status == 'VALID' }" class="info form-status pull-right debug">
|
||||
<p>Form Status: {{ pollForm.status }}</p>
|
||||
</div>
|
||||
<br />
|
||||
<form [formGroup]="pollForm" (ngSubmit)="onSubmit()">
|
||||
<div class="field">
|
||||
<label for="primeType">Sondage concerne des dates ?</label>
|
||||
<p-inputSwitch id="primeType" formControlName="type"></p-inputSwitch>
|
||||
<div class="control is-expanded">
|
||||
<div class="field">
|
||||
<label for="primeType">Sondage concerne des dates ?</label>
|
||||
<p-inputSwitch id="primeType" formControlName="type"></p-inputSwitch>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control is-expanded">
|
||||
<label class="label" for="title">
|
||||
Intitulé
|
||||
<input class="input" type="text" formControlName="title" placeholder="Intitulé" />
|
||||
<input class="input" formControlName="title" id="title" placeholder="Intitulé" type="text" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="control is-expanded">
|
||||
<label class="label" for="description">
|
||||
Description
|
||||
<textarea pInputTextarea formControlName="description" placeholder="Description"></textarea>
|
||||
<textarea
|
||||
formControlName="description"
|
||||
id="description"
|
||||
pInputTextarea
|
||||
placeholder="Description"
|
||||
></textarea>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="control is-expanded">
|
||||
<label class="label" for="slug">
|
||||
Url personnalisée
|
||||
<input class="input" type="text" formControlName="slug" placeholder="Url" />
|
||||
<input class="input" formControlName="slug" id="slug" placeholder="Url" type="text" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<button class="button is-fullwidth" type="submit" [disabled]="!pollForm.valid">Créer</button>
|
||||
<button class="button is-fullwidth is-primary" type="submit" [disabled]="!pollForm.valid">Créer</button>
|
||||
</form>
|
||||
|
||||
@ -0,0 +1,5 @@
|
||||
:host {
|
||||
.title {
|
||||
color: #222;
|
||||
}
|
||||
}
|
||||
@ -1,17 +1,36 @@
|
||||
$theme-color-primary: #850003;
|
||||
$theme-color-secondary: #501016;
|
||||
$theme-color-tertiary: #ffbca4;
|
||||
|
||||
#big_container {
|
||||
&.theme-hot-covid {
|
||||
background: #ffbca4;
|
||||
color: #501016;
|
||||
background: $theme-color-tertiary;
|
||||
color: $theme-color-secondary;
|
||||
|
||||
main{
|
||||
background: $white;
|
||||
}
|
||||
h1::after {
|
||||
background-color: #850003;
|
||||
background-color: $theme-color-primary;
|
||||
}
|
||||
|
||||
.btn--primary:focus,
|
||||
.btn--primary:hover,
|
||||
.btn--primary:active,
|
||||
.btn--primary {
|
||||
background-color: #850003 !important;
|
||||
background-color: $theme-color-primary !important;
|
||||
}
|
||||
|
||||
// bulma override
|
||||
.button.is-primary, .button.btn--primary, button.is-primary, button.btn--primary, .is-primary.btn, .btn.btn--primary, .is-primary.back, .back.btn--primary{
|
||||
background-color: $theme-color-primary;
|
||||
color: $theme-color-tertiary;
|
||||
}
|
||||
// material override
|
||||
.navbar-dropdown a.navbar-item.is-active,
|
||||
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active{
|
||||
color: $theme-color-primary;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue