nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Which AUI components to display number comments?

Nicolas Casel

For every wiki page, in order to display the number of comments in a "fancy" way, I've done this tiny red icon via CSS:

comments-count-icon.png

However, does it exist a better solution? Maybe thanks to the AUI?

comments-count-icon.png

number-of-comments.png

Accepted answers

Steven F Behnke

I most often see the Badge used. I usually see them colored #cccccc with #333333 text, or #205081 with white text.

Examples –

JIRA Scrum boards: image2016-7-17 11:28:21.png
Confluence Workbox notifications: image2016-7-17 11:29:17.png

image2016-7-17 11:28:21.png

image2016-7-17 11:29:17.png

All comments

Steven F Behnke

I most often see the Badge used. I usually see them colored #cccccc with #333333 text, or #205081 with white text.

Examples –

JIRA Scrum boards: image2016-7-17 11:28:21.png
Confluence Workbox notifications: image2016-7-17 11:29:17.png

image2016-7-17 11:28:21.png

image2016-7-17 11:29:17.png

Nicolas Casel

Great Steve, this is exactly what I was looking for. Thank you!

Steven F Behnke

No problem, I love the AUI site and sharing the knowledge smile

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

comment

confluence-administration

aui