Clickable effect for an ion-row?

Ionic Framework
1

I am trying to reproduce the clickable effect one can get with an ion-button (pointer cursor and faded background), but can only get the ripple effect (with ion-ripple-effect component and the “ion-activatable” class).

Is there a way to make an ion-row behave like a clickable item?

Here’s the HTML:

<ion-row (click)="doSth()" class="ion-activatable ripple-parent">
  <ion-ripple-effect></ion-ripple-effect>
  <ion-col>
   one
  </ion-col>
  <ion-col>
   two
  </ion-col>
</ion-row>

And the CSS:

.ripple-parent {
    position: relative;
    overflow: hidden;
}

Result can be viewed online: https://codepen.io/manu79/pen/LYVxQQB

Remark: on ion-item, class="ion-activatable" makes the background shaded when over it, but not with ion-row apparently.