refacto feedback, 🎨 style for popup links, place icons before text

This commit is contained in:
tykayn 2020-06-07 12:34:57 +02:00
parent 93ea161274
commit cc27f31e0e
7 changed files with 15 additions and 16 deletions

View File

@ -60,7 +60,6 @@ export function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader {
},
useDefaultLang: false,
}),
OldStuffModule,
ParticipationModule,
],
providers: [Title, TranslateService],

View File

@ -6,11 +6,10 @@ import { SharedModule } from '../../shared/shared.module';
import { ParticipationRoutingModule } from './participation-routing.module';
import { ParticipationComponent } from './participation.component';
import { PollComponent } from './poll/poll.component';
import { FeedbackComponent } from './feedback/feedback.component';
@NgModule({
declarations: [ParticipationComponent, PollComponent, FeedbackComponent],
declarations: [ParticipationComponent, PollComponent],
imports: [CommonModule, ParticipationRoutingModule, SharedModule, TranslateModule.forChild({ extend: true })],
exports: [FeedbackComponent],
exports: [],
})
export class ParticipationModule {}

View File

@ -1,20 +1,20 @@
<div class="feedback-container">
<div class="feedback-choices" *ngIf="isOpen" [ngClass]="{ active: isOpen }">
<a class="link" href="mailto:contact@cipherbliss.com">
<i class="fa fa-mail-forward"></i>
Par email
<i class="fa fa-mail"></i>
</a>
<a class="link" href="https://riot.im/app/#/room/#framadate:matrix.org">
<i class="fa fa-matrix-org"></i>
Par Matrix
<i class="fa fa-mail"></i>
</a>
<a class="link" href="https://framateam.org/ux-framatrucs/channels/framadate">
Discuter sur Framateam
<i class="fa fa-comments"></i>
Discuter sur Framateam
</a>
<a class="link" href="https://framagit.org/framasoft/framadate/funky-framadate-front">
Créer une Issue sur Framagit
<i class="fa fa-gitlab"></i>
Créer une Issue sur Framagit
</a>
</div>
<div class="button" (click)="isOpen = !isOpen" [ngClass]="{ active: isOpen }">

View File

@ -5,7 +5,7 @@
color: white;
.feedback-choices {
&.active {
background: #8eb6ed;
background: #0c5593;
border-radius: 0.5em;
padding: 1em;
margin-bottom: 0.5em;
@ -15,12 +15,11 @@
margin: 1ch;
display: block;
max-width: 10em;
a {
color: white;
&:hover {
background: white;
color: black;
}
color: white;
padding: 0.5rem 1rem;
&:hover {
background: white;
color: black;
}
}
i {

View File

@ -17,9 +17,10 @@ import { ConfirmationService, MessageService } from 'primeng/api';
import { PageNotFoundComponent } from './components/page-not-found/page-not-found.component';
import { PollPageComponent } from './components/poll-page/poll-page.component';
import { FeedbackComponent } from './components/feedback/feedback.component';
@NgModule({
declarations: [PageNotFoundComponent, PollPageComponent],
declarations: [PageNotFoundComponent, PollPageComponent, FeedbackComponent],
imports: [
CommonModule,
ChartsModule,
@ -38,6 +39,7 @@ import { PollPageComponent } from './components/poll-page/poll-page.component';
ChartsModule,
ConfirmDialogModule,
DialogModule,
FeedbackComponent,
InputSwitchModule,
InputTextareaModule,
MessageModule,