By adding an element with the double icon (according to the theme) instead of rendering only the correct icon, the incorrect one is also rendered by putting an extra space
To Reproduce
Steps to reproduce the behavior:
Go to Codesandbox
Click on + icon
See extra space cause by icon
Expected behavior
I would expect the icon to not take up any space
Found problem:
In the actually <i> visible there is a rule in css :
.list .item-media i + i, .list .item-media i + img {
margin-left: var(--f7-list-item-media-icons-margin);
}
Describe the bug
By adding an element with the double icon (according to the theme) instead of rendering only the correct icon, the incorrect one is also rendered by putting an extra space
To Reproduce
Steps to reproduce the behavior:
Expected behavior
I would expect the icon to not take up any space
Found problem:
In the actually
<i>
visible there is a rule in css :If i add this rule seems work like: