Icons are not aligned correctly

Wikiki / bulma-timeline

Bulma's extension to display a timeline

MIT License

183 stars 48 forks source link

Icons are not aligned correctly #24

Closed acidjazz closed 6 years ago

acidjazz commented 6 years ago

bulma 0.6.2 and fontawesome v5.0.11

source

<div class="timeline-marker is-icon is-success">
  <i class="fas fa-plus"></i>
</div>

result

acidjazz commented 6 years ago

this probably doesn't help but here's a hack in stylus i've written as a temp fix , i also wanted a little larger markers

.timeline-marker.is-icon
  text-align center
  padding: 0.5rem !important
  border .0em solid #fefefe !important
  width 2em !important
  height 2em !important
  left -1em !important
.timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker
  left: auto !important
  right: -1em !important

Wikiki commented 6 years ago

Fixed feab6be