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
input field/ action icons do not behave correctly with icon fonts #1836
Comments
There may be a related problem - the same behaviour is seen in When copied and with the X icon replaced by 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.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. |
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. |
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 |
I think there are three issues with the list-group-item-actions.
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.
I am using this code here:
<i class="ti ti-{{ icon }} fs-2"></i>
I think in css there is missing something like a
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.The text was updated successfully, but these errors were encountered: