Page indicators not showing up

[ullalaaron]

I'm using the plugin on android and the page indicators are not showing up. Here is my markup

<slides #slides [pageIndicators]="true">
        <slide  class="slide-container">
         //Content
        </slide>
        <slide class="slide-container">
         //Content
        </slide>
</slides>

The related css is the following

.slides-container{
  margin-top : 20%;
  margin-bottom : 20%;
  height: 20%;
}
.slide-indicator-inactive{
  background-color: #fff;
  opacity : 0.4;
  width : 10;
  height : 10;
  margin-left : 2.5;
  margin-right : 2.5;
  margin-top : -100;
  border-radius : 5;
}

.slide-indicator-active{
  background-color: #fff;
  opacity : 0.9;
  width : 10;
  height : 10;
  margin-left : 2.5;
  margin-right : 2.5;
  margin-top : -100;
  border-radius : 5;
}

What am I missing? I am currently using v. 0.4.3 of the plugin with nativescript angular v3.2.0

[ivanwitzke]

there's already a issue open for this, but no solution yet -> #5

[JoshDSommer]

@ullalaaron @ivanwitzke they should show up if you put the styling in your app.css file. adding it directly to the component doesn't work.