Materializecss - Daima eylem düğmesiyle araç ipuçlarını göster

Question

Web sitem için Materializecss kullanıyorum ve kullanıcı büyük eylem düğmesine bastığında küçük eylem düğmelerinde araç ipuçlarını görüntülemek istiyorum. Materializecss, araç ipuçlarını yalnızca varsayılan olarak vurgulu olarak gösterir.

Bunu değiştirmenin bir yolu var mı?

bu github issue

Github kullanıcı philipraets onun Soluton göstermek için güzel codepen yarattı size

<li> <!-- Small button --> 
    <a class="btn-floating green tooltipped" data-position="left" data-delay="50" data-tooltip="Add friends"> 
     <i class="material-icons">add</i> 
    </a> 
</li> 

Answer 1

kontrol dışarı teşekkür ederiz. (Tembel)

Düzenleme:

philipraets basit css stil yarattı:

<div class="fixed-action-btn click-to-toggle" style="bottom:24px; right:24px;"> 
<a class="btn-floating btn-large red"><i class="large material-icons">settings</i></a> 
    <ul>         
     <li> 
      <a href="#" class="btn-floating amber darken-1"><i class="material-icons">create</i></a> 
      <a href="#" class="btn-floating mobile-fab-tip">Edit</a> <!--tooltip--> 
     </li>       
     <li> 
      <a href="#" class="btn-floating blue"><i class="material-icons">event</i></a> 
      <a href="#" class="btn-floating mobile-fab-tip">Save to calendar</a> <!--tooltip--> 
     </li>        
     <li> 
      <a href="#" class="btn-floating red modal-trigger"><i class="material-icons">supervisor_account</i></a> 
      <a href="#" class="btn-floating mobile-fab-tip modal-trigger">Switch responsible</a> <!--tooltip--> 
     </li>        
    </ul> 
</div> 

: o stilini kullanarak başka bağlantı elemanı içindeki ipucunu sarılmış

.mobile-fab-tip { 
    position: fixed; 
    right: 85px; 
    padding:0px 0.5rem; 
    text-align: right; 
    background-color: #323232; 
    border-radius: 2px; 
    color: #FFF; 
    width:auto; 
}