pegros
[bug] sfpegKpiListCmp - Ajustement des espaces sur le composant pour le rendre homogène aux autres composants sur Salesforce
Bonjour @pegros,
On a un besoin urgent d'un client de corriger deux soucis d'espace sur le composant sfpegKpiListCmp pour le rendre homogène aux autres composants sur Salesforce.
1. L'espace entre l'icône sur l'entête du sfpegKpiListCmp et la bordure haut du composant n'est pas similaire comme les autres composants quand on ne configure pas des actions (le picklist) sur l'entête du sfpegKpiListCmp.
A. Version courante:
Dans le fichier CSS on voit que c'est probablement l'attribut 'spacing-block-start' qui fait réduire l'espace.
B. Version cible:
2. Les espaces entre le sfpegKpiListCmp et les autres composants sur la page ne sont pas similaires. Les espaces en surplus viennent depuis le sfpegKpiListCmp.
Version courante:
Dans la version courante, dans le code, on remarque que chaque bloc de KPI a des margins (top & bottom) et padding (top). Du coup, quand on place le composant directement sur le lightning page, ça ajoute les margins et padding et fait décaler le composant par rapport aux autres composants sur la page.
Dans le fichier CSS on voit que ce sont probablement les attributs dans la capture d'écran suivante qui font ajouter les espaces en surplus.
Version cible:
On comprend qu'actuellement, les espaces sont utilisés pour séparer les blocs de KPIs entre eux. Par contre, on propose que pour le premier bloc de KPI (first-child), si c'est possible, d'enlever le padding-top et le margin-top, et pour le dernier bloc de KPIs (last-child) d'enlever le margin-botton de façon dynamique.
Est-ce que vous pouvez nous communiquer un planning sur la prise en charge et livraison de ce ticket, svp?
Cordialement, Vyas Tech Lead
@vjallim Just saw your issue, as I was busy working on a complete repackaging as unlocked packages of my PEG_APEX (and soon PEG_LIST) reporitories. I shall have a look at this once this activity is done. my apologies for the latency.
@vjallim My apologies for the latency.
Simply setting the Wrapping CSS Class parameter to slds-card
seems to be solving the issues.