Topic: Component Styling Free vs Pro
Expected behavior PRO component styles to work as shown on documentation.
Actual behavior Free components work fine and PRO components seems to have issue with styling.
Resources (screenshots, code snippets etc.)
<div class="col-md-2">
<select class="browser-default custom-select">
<option selected>Free Version</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
<div class="col-md-2">
<mdb-select [options]="optionsSelect" placeholder="Paid for version"></mdb-select>
</div>
Am I missing something or not using the component correctly? Please advise...
Dear @eMD Technologies
Let's change the method.
Try to add this to your main styles.scss (this is important):
.single {
> div {
&.placeholder {
max-width: 85%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
Best Regards, Bartosz.
Thanks for the prompt response.
I have added the styles into my .scss files and this makes a difference, however on longer text vales, still has the same problem.
Dear @eMD Technologies
The problem should be resolved in the next version.
Until then, try to add to your styles.scss this :
.single {
> div {
&.placeholder {
margin-right: 1.5em;
}
}
}
Beste Regards, Bartosz.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.5.4
- Device: Desktop
- Browser: chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No