-
Notifications
You must be signed in to change notification settings - Fork 878
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Custom actions with icons overlap #1197
Comments
No one else has had this issue? I can't believe it! Please does anyone have any advice on how to resolve this? |
hi, i had the same problem yesterday and i was able to fix it this way: .order-table {
thead th.ng2-smart-actions.ng-star-inserted {
width: 1em;
}
td.ng2-smart-actions {
float: left !important;
ng2-st-tbody-custom {
float: left;
width: auto;
display: flex;
margin-top: 0.5em;
a.ng2-smart-action.ng2-smart-action-custom-custom {
margin-left: 0.5em;
}
}
}
} <ng2-smart-table class="order-table"
[settings]="order_settings"
[source]="order_source"
(custom)="onCustomAction($event)">
</ng2-smart-table> only tested in chrome (i don´t care about other browsers, sorry) |
@michabbb Thanks for your solution ! The same thing for the right side ( with a perfect display without border ;) )
|
I've solved any issues with icons placement like this:
You can replace ng-deep with |
How can I replace ng-deep with 'table tbody tr td...'? It doesn't work |
Hi All, I am having major issues getting custom actions to render, can someone please help?
I have set up my settings like so:
this produces:
I found on another issue that someone had added the following CSS to override the defaults:
But this produces this output:
The buttons are not aligned, the actions border is messed up, and the other columns on the actions look like they are 1 pixel out.
Please, does anyone know how to resolve?
The text was updated successfully, but these errors were encountered: