波纹效果溢出圆形按钮

Question

我有问题设法使我的涟漪效应不会超过其容器。我设置了一个oveflow：hidden;但它不起作用，这是我的小提琴 https://jsfiddle.net/aqbmbrLy/

<div class="row clearfix expand-row">
    <a href="#Projets" class="expand-button scrollTo">
        <i class="medium mdi-navigation-expand-more host-expand actionbutton2">ab</i>
    </a>
</div>

我基本上试图让涟漪效果在点击时不会超过黑圈，但不管我为什么尝试它仍然会成长为完整的.expand按钮而不是.host-expand，这使得它看起来很糟糕

Answer 1

检查此link，我做了更改

.expand-row .expand-button .host-expand{
    width:100%;
    display:block;
}

添加上面的代码。