Icons in timeline are showing out of the circle
operfildoluiz opened this issue · comments
Hi, there!
The fa-icons inside timeline circles are appearing out.
HTML
<div class="container is-fluid">
<div class="columns">
<div class="column">
<header class="timeline-header">
<span class="tag is-medium is-primary">Últimas transações</span>
</header>
<div class="timeline">
<div class="timeline-item is-danger">
<div class="timeline-marker is-danger is-icon">
<i class="fa fa-arrow-down"></i>
</div>
<div class="timeline-content">
<p class="heading">Lavacar Joao</p>
<p> - R$ 19,00</p>
</div>
</div>
<div class="timeline-item is-danger">
<div class="timeline-marker is-danger is-icon">
<i class="fa fa-arrow-down"></i>
</div>
<div class="timeline-content">
<p class="heading">Estapar Jardim Americas</p>
<p> - R$ 8,00</p>
</div>
</div>
<div class="timeline-item is-success">
<div class="timeline-marker is-success is-icon">
<i class="fa fa-arrow-up"></i>
</div>
<div class="timeline-content">
<p class="heading">Recarga de Conta</p>
<p>R$ 100,00</p>
</div>
</div>
<div class="timeline-item is-success">
<div class="timeline-marker is-success is-icon">
<i class="fa fa-sync"></i>
</div>
<div class="timeline-content">
<p class="heading">Valdisnei Prego</p>
<p>R$ 30,00</p>
</div>
</div>
</div>
</div>
</div>
</div>
SASS
@import './../node_modules/bulma/bulma';
@import './../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';
Any ideas about whay could be happening?
Hi,
it seems you have css rules which overrides the style.
Can you please provide a codepen.io, so I'll be able to have a look.
@Wikiki There isn't. My main.scss is just:
@import './../node_modules/bulma/bulma';
@import './../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';
Can you please provide a codepen.io anyway ?
And please try with the last update
Any news ?