Ion-option-button vertically centered


#1

I give up. Who has figured out how to center the buttons produced by ion-option-button? If it was a button element, it would be centered/middled by default. When your ion-item grows more than one line, it just looks awkward when it’s not centered.


#2

if you mean the text of ion-option-button than use line-height.

i did this my list item is 85px hight:

#App .item-options .button {
  line-height: 85px;
}

if you dont know your list item height or its dynamic then i have to think about a new way :smiley:


#3

The height changes depending on the content within. I’ve tried all kinds of solutions for this. The best one is to change ion-item-option-button to use a button element.


#4

How come ion-option-button only supports text? I tried to put in an icon either via class or a styled sub-element, and none of them worked. Ironic how it’s called “button”. I’ll see what I can hack around with this.