波纹效果溢出圆形按钮

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-button 而不是 .host-expand，这使它看起来不好

Answer 1

检查此link，我已进行更改

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

添加上面的代码。