Two inline Icons?

ionic-v1
1

Sadly item-icon-right is only made for 1 icon. If I have 2 Icons in the html, they’ll overlap. How would I get 2 icons to the right of a item?

2 
<ul>
  <li>
    <div class="item item-divider">
      head
    </div>
    <div class="item item-text-wrap item-button-right">
      text
      <div class="buttons">
        <button class="button button-positive">
          <i class="icon ion-shuffle"></i>
        </button>
        <button class="button button-positive">
          <i class="icon ion-close"></i>
        </button>
      </div>
    </div>
    <div class="item item-divider">
      foot
    </div>
  </li>
</ul>

That works with Buttons. Maybe somehow with icons

1 Like
3

It’s a bit of an edge case. Ionic can’t cover every scenario. So, just give one of the a padding-right.

padding-right: 32px