J'utilise Angular Material 7 et je trouve l'espacement des gouttières du champ mat-form-et. Al. être trop grand. Sur le bureau, la densité d'informations est très faible. J'aimerais ajuster cela en utilisant la thématisation, mais Google ne m'amène qu'à des tutoriels décrivant comment changer les couleurs. Quelqu'un a-t-il des conseils sur la façon de rendre l'espacement plus compact sans déboguer des dizaines de directives Material css?
3 Réponses :
Si vous ne souhaitez pas utiliser css pour la taille de votre gouttière de grille, vous pouvez utiliser un matériau angulaire avec flex-layout et définir facilement la taille de votre gouttière en utilisant fxLayoutGap = "16px ou 20px". Voici le lien API fxLayoutGap .
La conception des matériaux a différents niveaux de densité, l'équipe Angular a finalement mis en œuvre ceci et c'est maintenant une fonctionnalité expérimentale dans Version angulaire 10 .
Vous pouvez configurer le niveau de densité à votre définition de thème comme ceci:
$app-light-theme: mat-light-theme((
color: (
primary: $mat-primary-palette,
accent: $mat-accent-palette
),
density: -3
));
Il existe un fil de discussion GitHub dans le projet à ce sujet: github.com/angular/material2/issues/4597 Ce concept est désormais pris en charge par la spécification, mais l'équipe Angular Material n'a pas d'ETA à ce sujet. La bonne réponse sera un hack en ce moment.