input field/ action icons do not behave correctly with icon fonts

[nerdoc]

I think there are three issues with the list-group-item-actions.

1. if you have more than one icons, even svgs like in your preview, the link underline is visisble a bit, beween the icons:
   

you can test that on https://tabler.io/preview, right side, you have the actions in the list items, just open the browser's inspector and copy/paste another a.list-group-item-actions.

2. Another thing is that you are using svg icons in your preview. I don't want to use svg icons, but webfonts, as I use Django with no Js frontend. This looks terrible, as the underline is drawn here in full beauty:

I am using this code here: <i class="ti ti-{{ icon }} fs-2"></i>

I think in css there is missing something like a

a.list-group-item-actions:hover {
  text-decoration:none;
}

3. BTW - is the name "list-group-item-actions" a good one? wouldn't that sound better as list-group-item-action - because it is one, the plural form I would suspect to be as a class of a parent div. But changing this would be backwards incompatible - BUT: you are not 1.0.0 yet. it's beta20.

[nerdoc]

There may be a related problem - the same behaviour is seen in input-group.input-group-flat > input-group-text > a.link-secondary > svg /i.ti.ti-x
Your example in the preview, Form elements shows this with a svg icon:

When copied and with the X icon replaced by <i class="ti ti-x"></i>, it looks like this:

Again, mind the "link" style underline below the X - this is seen with all "icon" style fonts when used within buttons IMHO, be it action buttons or a.link-secondary

a.list-group-item-actions:hover,
.input-group-text  a:hover {
  text-decoration:none;
}

This is definitely not a solution, just a small workaround. But This should be fixed IMHO, as it renders icon fonts for some links in an ugly way.

[kevinpapst]

I am using webfont as well.
But the theme is built on Tabler SVG icons and this will likely not be changed.
So you need add CSS rules to make it behave properly for you.

I have a setup where I use this:

[nerdoc]

But I am using Tabler icons. But by webfont, not as SVG. IMHO the own official webfonts should be supported as icons... It's just adding a few CSS rules. I can do that for my Software, but I think this should be solved in Tabler for others too.

[kevinpapst]

I agree and I wish it would be compatible.
All I do is telling you that this is the state since years, was discussed before and will very likely not change 🤷

But lets hope for the best and that some generic classes will be added that can be utilized.