page-link-prev page-link-next font size error

[ShamoX]

I use this module in several places and I have a visual bug I can't understand.
I use it (ng2-smart-table 1.3.5) along side with:

• angular 6.1.7
• ng-bootstrap 3.3.1 (bootstrap 4.1.3)
• ng2-tree 2.0.0-rc.11
• ... Do you need all the list ?

I have on Safari and Chrome (both on MacOS) a little incoherency on the definition of the page-link-prev and page-link-next font size here.

This make the '<' and '>' smaller that the rest of the pager line. See the screenshot:

This is corrected by removing the line of css that set the font-size for those links:

I'm I the only one to get this glitch ? Maybe I'm not using it correctly somewhere or there is some incompatibility with my configuration ?

[An3ramirez]

hello friend I have the same problem

I fixed it in a slightly drastic way modifies the scss of the plugin modifies this file
proyect/node_modules/ng2-smart-table/components/pager/pager.component.scss

in line 21
.page-link-next, .page-link-prev { font-size: 10px; }

modifi to

.page-link-next, .page-link-prev { font-size: 0.85rem; }

[prathap0611]

I too faced this issue, I guess it js not a good idea to change the scss file under node_modules.
As a work around , you can overwrite the property in your app. The below code fixed the issue for me,

:host {
  /deep/ {
    .page-link-prev, .page-link-next {
       font-size: 0.875rem !important;
      }
  }
}