changed icon for Accordion in custom related List

Author: piszosta

force-app/components/relatedList/lwc/tagRelatedList/tagRelatedList.css

@@ -5,6 +5,11 @@
     padding: 0.25rem 0.5rem;
 }
 
+.chevronIcon {
+    /* fill: #706e6b;  Salesforce grey */
+    align-self: center;
+}
+
 .headerLeft {
     display: flex;
     align-items: center;
@@ -17,7 +22,7 @@
 }
 
 .headerTitle {
-    margin: 0 0.5rem;
+    /* margin: 0 0.5rem; */
     line-height: 1.5rem;
 }
 

force-app/components/relatedList/lwc/tagRelatedList/tagRelatedList.html

@@ -7,8 +7,12 @@
                 <template if:true={icon}>
                     <lightning-icon icon-name={icon} size="small" class="headerIcon slds-m-right_x-small"></lightning-icon>
                 </template>
+                <lightning-icon 
+                icon-name={chevronIcon} 
+                size="x-small" 
+                class="chevronIcon slds-m-right_xx-small">
+                </lightning-icon>
                 <h1 class="headerTitle slds-text-heading_small">{cardTitle}</h1>
-                <span class="headerToggle">{toggleIcon}</span>
             </div>
             <!-- Right Group: New Record Button -->
             <template if:true={showNewRecordButton}>

force-app/components/relatedList/lwc/tagRelatedList/tagRelatedList.js

@@ -76,6 +76,10 @@ export default class TagRelatedList extends NavigationMixin(LightningElement) {
         this.isExpanded = !this.isExpanded;
     }
 
+    get chevronIcon() {
+        return this.isExpanded ? 'utility:chevrondown' : 'utility:chevronright';
+    }
+
     // Handle row click event if clickableRows is enabled
     handleRowClick(event) {
         let recordIndex = event.currentTarget.dataset.value;