refactor: cleaned alert component #54
Conversation
| <div [class]="getAlertClass()" [class.--is-handset]="isHandset()"> | ||
| <mat-icon [class]="getIconClass()">{{ iconName() }}</mat-icon> | ||
| <div class="message" [class.--is-handset]="isHandset()"> | ||
| <div class="sdg-alert-container" [class]="getAlertClass()"> |
There was a problem hiding this comment.
C'est quoi le plus value pour ce tag container?
Si on est capable d'utiliser le host au lieu d'un tag en extra on est mieux d'utiliser le host.
There was a problem hiding this comment.
Je crois qu'il est nécessaire pour appliquer la classe .--generalou .--warning (le background-color)
projects/demo/src/app/pages/components/showcases/alert/alert.component.scss
Outdated
Show resolved
Hide resolved
| <mat-icon [class]="getIconClass()">{{ iconName() }}</mat-icon> | ||
| <div class="message" [class.--is-handset]="isHandset()"> | ||
| <div class="sdg-alert-container" [class]="typeClass()"> | ||
| <div [class]="containerClass()"> |
There was a problem hiding this comment.
Pourquoi le containerClass?
There was a problem hiding this comment.
C'est pour que les marges dans l'alerte soient égales au reste:
There was a problem hiding this comment.
J'ai reverté une partie, pour remettre le containerClass
| styleUrls: ['./alert.component.scss'] | ||
| styleUrls: ['./alert.component.scss'], | ||
| host: { | ||
| '[class]': 'typeClass()' |
There was a problem hiding this comment.
@LAMM26 , on peut utiliser le host pour ajouter, entre autres, des classes. Ça l'évite d'ajouter des tags a nos composantes et de complexifier la structure du dom.
|
🎉 This PR is included in version 1.0.0-next.50 🎉 The release is available on:
Your semantic-release bot 📦🚀 |
Nettoyage du composant, renommage des classes.