Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Color of accordion text / links changed after Update

Deloitte Developer free asked 5 years ago


I Updated to the latest Version 7.5.3

*Expected behavior*The color of the text was black before the update.

*Actual behavior*The color of the ext is blue after the update.

Resources (screenshots, code snippets etc.)

       <mdb-accordion-item #accordionItem [collapsed]="true" 
*ngFor="let projectTeam of projectTeams;let i = index" [customClass]="'bg-transparent py-2'">
    <mdb-accordion-item-head [indicator]="false" [customClass]="'black-text z-depth-1'">
        <div class="container">
            <div class="row">
                <div class="col-sm xxx-projectteam-min-width">
                    {{projectTeam.teamName}}
                </div>
            </div>
        </div>
    </mdb-accordion-item-head>
    ...
    </mdb-accordion-item>

Before: enter image description here

After: enter image description here


Damian Gemza staff answered 5 years ago


Dear @Krause

This is caused by changes in Accordion. We have added a href attribute to this item to allow accordion to be navigated through focus.

If you want to overwrite this behavior, please use the below styles in styles.scss:

mdb-accordion-item-head {
  span {
    color: black;
  }
}

Best Regards,

Damian



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.1
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No