ng-material-extensions icon indicating copy to clipboard operation
ng-material-extensions copied to clipboard

Remove <mat-icon> name from cell if they exist

Open xavirp opened this issue 5 years ago • 3 comments

Hi, I use mat-icons in some cells, just for showing filtering menus in the header, or when the cell is empty. I would be great if you could remove the name of the icon from the cell. BTW it's a great job

xavirp avatar Nov 18 '19 11:11 xavirp

Thank you for the feedback. I'll label this as a feature request for now.

HalitTalha avatar Nov 19 '19 19:11 HalitTalha

@xavirp until this is supported, as a workaround, you could switch (if applicable for your project) from 'font icons with ligatures' approach of defining mat-icon to 'named icons' approach. E.g.: current <mat-icon>name</mat-icon> will become <mat-icon svgIcon="name"></mat-icon> (don't forget to register). This approach provides desired behavior, icon names no longer being present in exported file.

ccosmincc avatar May 03 '20 08:05 ccosmincc

For those who still have the same problem, I recommend using codepoints with css. HTML code: <i class="material-icons"></i> CSS code:

 i::before {
          font-family: "Material Icons";
          content: "\ef4f";//Here we put the codepoint of the icon
        }

And with this it should be solved.

gremmil avatar Dec 06 '21 17:12 gremmil