search

tech-advantage / ngx-icon-picker

An Icon Picker Directive/Component for Angular 13+ which manages Font Awesome, Bootstrap Glyphicon, Font Awesome5 and Material.
MIT License
25 stars 33 forks source link

No available option found to set the icon width and height #17

Closed MoEffat closed 4 years ago

MoEffat commented 4 years ago

Hello,

It would be really nice if we can add a new option like [ipWidth] to set the icons size inside the dialog box. The actual icons size is too small and a manual zoom in is needed for some users to identify an icon.

Thanks in advance,

greg7859 commented 4 years ago

Hello,

This proposal is an excellent idea. I will propose an improvement in a few minutes.

greg7859 commented 4 years ago

Could you test this PR? If you valid it, I will deploy this new version.

BallisticPain commented 4 years ago

I'm excited to see the icon size can be configured!! I simply added this in my CSS (along with an override attribute on the body tag to give me the specificity).

[override] .icon-picker div.icon-grid div button {
  width: 42px !important;
  padding: 2px !important;

  span {
    font-size: 2em;
  }
}
greg7859 commented 4 years ago

I added a new property ipIconSize to override the default values. I don't test to override it with CSS.

Today, I will deploy this new version on npm .

greg7859 commented 4 years ago

This version is deployed on npm. Open an issue if you have a problem.