Clickable effect for an ion-row?

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">

And the CSS:

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

Result can be viewed online:

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