ProgressBar - Height doesnt take effect


Topic: ProgressBar - Height doesnt take effect

4ntibala pro asked 6 years ago

Hi, i am pro user and i am trying to implement the progressbar. In the docs it is written that the height parameters has to be set. I am doing so via scss.. but it just doesnt change the height - never. Is there a bug or am I doing something wrong? Thanks
<mdb-progress value="25" min="0" max="100" type="success" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</mdb-progress

.progress-bar, .progress {
height: 40px !important;
}

Damian Gemza staff answered 6 years ago

Dear @4ntibala Please do not duplicate tickets on the forum. If you need to edit your post, please edit it instead of creating the new one. About your problem: You have to insert those styles in styles.scss file instead of component styles. This is caused by this, that this code is overwriting the existing Bootstrap code. And overwrite could be done only in styles.scss stylesheet. 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

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: Desktop
  • Browser: Chrome
  • OS: Mint 18.2
  • Provided sample code: No
  • Provided link: No