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

develop
tykayn 2 years ago
parent 93ea161274
commit cc27f31e0e
  1. 1
      src/app/app.module.ts
  2. 5
      src/app/features/participation/participation.module.ts
  3. 8
      src/app/shared/components/feedback/feedback.component.html
  4. 13
      src/app/shared/components/feedback/feedback.component.scss
  5. 0
      src/app/shared/components/feedback/feedback.component.spec.ts
  6. 0
      src/app/shared/components/feedback/feedback.component.ts
  7. 4
      src/app/shared/shared.module.ts

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

@ -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 {}

@ -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 }">

@ -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 {

@ -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,

Loading…
Cancel
Save