📖 add footer links, 🎨 set default theme to light, fix some details with black theme.

This commit is contained in:
Baptiste Lemoine - tykayn 2020-05-30 16:33:57 +02:00 committed by tykayn
parent 23c6b9400e
commit a93a34a638
4 changed files with 57 additions and 13 deletions

View File

@ -1,9 +1,26 @@
<footer class="footer"> <footer class="footer">
<div class="content has-text-centered"> <div class="content has-text-centered">
<p> <p>
<strong>Bulma</strong> by <a href="https://jgthms.com">Jeremy Thomas</a>. The source code is licensed Framadate - libérez vos sondages.
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content is licensed <i class="fa fa-copyleft"></i> Logiciel libre sous licence AGPL v3.
<a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>. <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> </p>
</div> </div>
</footer> </footer>

View File

@ -1,31 +1,38 @@
<div> <div [ngClass]="{ 'is-success': pollForm.status == 'VALID' }" class="info form-status pull-right debug">
<p>Form Status: {{ pollForm.status }}</p> <p>Form Status: {{ pollForm.status }}</p>
</div> </div>
<br /> <br />
<form [formGroup]="pollForm" (ngSubmit)="onSubmit()"> <form [formGroup]="pollForm" (ngSubmit)="onSubmit()">
<div class="control is-expanded">
<div class="field"> <div class="field">
<label for="primeType">Sondage concerne des dates ?</label> <label for="primeType">Sondage concerne des dates ?</label>
<p-inputSwitch id="primeType" formControlName="type"></p-inputSwitch> <p-inputSwitch id="primeType" formControlName="type"></p-inputSwitch>
</div> </div>
</div>
<div class="control is-expanded"> <div class="control is-expanded">
<label class="label" for="title"> <label class="label" for="title">
Intitulé Intitulé
<input class="input" type="text" formControlName="title" placeholder="Intitulé" /> <input class="input" formControlName="title" id="title" placeholder="Intitulé" type="text" />
</label> </label>
</div> </div>
<div class="control is-expanded"> <div class="control is-expanded">
<label class="label" for="description"> <label class="label" for="description">
Description Description
<textarea pInputTextarea formControlName="description" placeholder="Description"></textarea> <textarea
formControlName="description"
id="description"
pInputTextarea
placeholder="Description"
></textarea>
</label> </label>
</div> </div>
<div class="control is-expanded"> <div class="control is-expanded">
<label class="label" for="slug"> <label class="label" for="slug">
Url personnalisée Url personnalisée
<input class="input" type="text" formControlName="slug" placeholder="Url" /> <input class="input" formControlName="slug" id="slug" placeholder="Url" type="text" />
</label> </label>
</div> </div>

View File

@ -1,5 +1,9 @@
@charset "UTF-8"; @charset "UTF-8";
label{
line-height: 2.5em;
}
.ui-inputswitch{ .ui-inputswitch{
margin-left: 1ch; margin-left: 1ch;
margin-right: 1ch; margin-right: 1ch;

View File

@ -4,11 +4,21 @@ $theme-color-tertiary: #ccc;
#big_container { #big_container {
&.theme-dark-crystal { &.theme-dark-crystal {
background: #222; background: #222;
color: #ddd; color: $theme-color-tertiary;
main { main, .big-header, .navbar , footer{
background: #444; background: #444;
} }
.big-header{
color: $white;
a{
color: $white;
}
}
input{
background: #222;
color: $white;
}
h1::after { h1::after {
background-color: $theme-color-primary; background-color: $theme-color-primary;
@ -29,7 +39,7 @@ $theme-color-tertiary: #ccc;
} }
select { select {
background: $white; background: $theme-color-tertiary;
border-color: $theme-color-secondary; border-color: $theme-color-secondary;
&:hover { &:hover {
@ -50,12 +60,18 @@ $theme-color-tertiary: #ccc;
.big-header { .big-header {
margin-bottom: 22px; margin-bottom: 22px;
} }
label{
color: $theme-color-tertiary;
}
// bulma override // 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{ .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 !important; background-color: $theme-color-primary !important;
color: $theme-color-tertiary !important; color: $theme-color-tertiary !important;
} }
.navbar-dropdown a.navbar-item{
color: #444;
}
// material override // material override
.navbar-dropdown a.navbar-item.is-active, .navbar-dropdown a.navbar-item.is-active,
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number, body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number,