Bullet in ion-list like in mail app


#1

I’m looking for a way to put these nice blue bullets in from of an ion-item, just like the Mail App. I tried various css and searched around, but I’m kind of lost here. Any help or an example greatly appreciated.


#2

Should be quite easy. Create a span, give it a class (something like bullet) and place it where you want in your item.

Give it these styles:

	.bullet {
		display: inline-block;
		width: 8px;
		height: 8px;
		position: absolute;
		background-color: blue;
		border-radius: 50%;
	}

You can position it with left/top/bottom/whatever you want.


#3

Thank you very much, exactly what I needed!