Comment puis-je réduire la largeur de l'étiquette des composants de la pile de clarté

Question

Comment puis-je réduire la largeur de l'étiquette des composants de la pile de clarté

https://vmware.github.io/clarity/documentation/stack-view

J'ai ajouté suivant le style personnalisé au sélecteur, mais pas de chance

Styles ajouté:

.myStyle { 
    max-width: 10% !important; 
    flex-basis: 10% !important; 
} 

Answer 1

S'il vous plaît se référer à cette Plnkr: https://plnkr.co/edit/gUm8yInQN9DSbO6K8nCE?p=preview (Voir lefichier)

::ng-deep .stack-view .stack-block-label { 
    flex: 0 0 20%; 
} 

Vous devez utiliser le ::ng-deep combinateur ou bien les styles ne seront pas appliquées dans le composant. Ceci est mentionné dans la documentation angulaire: https://angular.io/guide/component-styles (Rechercher ::ng-deep)