starred/healthchecks

Fork 0

mirror of https://github.com/healthchecks/healthchecks.git synced 2026-04-25 06:55:53 +03:00

[GH-ISSUE #911] Show number of monitors per tag #638

New issue

Closed

opened 2026-02-25 23:43:07 +03:00 by kerem · 5 comments

kerem commented

2026-02-25 23:43:07 +03:00

Owner

Originally created by @solracsf on GitHub (Nov 5, 2023).
Original GitHub issue: https://github.com/healthchecks/healthchecks/issues/911

Inside each tag box, show a number like in this example:

or hover

I think this can be helpful, and (hopefuly) not too hard to implement.
("online" or "up", just a hint)

Thanks 👍

Originally created by @solracsf on GitHub (Nov 5, 2023). Original GitHub issue: https://github.com/healthchecks/healthchecks/issues/911 ![image](https://github.com/healthchecks/healthchecks/assets/12234510/241a606e-60c7-4b61-8bc6-452ea514ebc0) Inside each tag box, show a number like in this example: ![image](https://github.com/healthchecks/healthchecks/assets/12234510/7263dc4e-5242-4992-a957-2b626f17f75b) or hover ![image](https://github.com/healthchecks/healthchecks/assets/12234510/0bf037b7-ddcc-45e5-841f-0b2a5a93f870) I think this can be helpful, and (hopefuly) not too hard to implement. _("online" or "up", just a hint)_ Thanks 👍

kerem

2026-02-25 23:43:07 +03:00

closed this issue
added the
feature
label

kerem commented

2026-02-25 23:43:08 +03:00

Author

Owner

@cuu508 commented on GitHub (Nov 9, 2023):

I've experimented with this a few times already, but I've never found a visually clean way to add the extra information.

The problem is, some people use lots of tags, and adding any extra information makes things look very noisy.

Consider this example:

This is still relatively few tags. If we add a count on the right with a darker background:

Border instead of background:

Muted text color instead of background or border:

In each case, the tags area appears considerably more noisy. I think the last variant is least bad, but still not great.

@cuu508 commented on GitHub (Nov 9, 2023): I've experimented with this a few times already, but I've never found a visually clean way to add the extra information. The problem is, some people use *lots* of tags, and adding any extra information makes things look very noisy. Consider this example: ![Screenshot from 2023-11-09 15-21-17](https://github.com/healthchecks/healthchecks/assets/661859/f41330b4-4095-470a-9047-59cf31bf58f4) This is still relatively few tags. If we add a count on the right with a darker background: ![Screenshot from 2023-11-09 15-18-12](https://github.com/healthchecks/healthchecks/assets/661859/9ca33eb2-ab81-439a-99a2-17eb9c5ff9e6) Border instead of background: ![Screenshot from 2023-11-09 15-18-55](https://github.com/healthchecks/healthchecks/assets/661859/60dd9de5-91a4-4787-b504-32c9fe4dd2e9) Muted text color instead of background or border: ![Screenshot from 2023-11-09 15-20-35](https://github.com/healthchecks/healthchecks/assets/661859/bea8f59b-28c3-42ad-93d4-a6e92a646554) In each case, the tags area appears considerably more noisy. I think the last variant is least bad, but still not great.

kerem commented

2026-02-25 23:43:08 +03:00

Author

Owner

@solracsf commented on GitHub (Nov 9, 2023):

I see. I'll make some experiments and provide feedback if I can.

@solracsf commented on GitHub (Nov 9, 2023): I see. I'll make some experiments and provide feedback if I can.

kerem commented

2026-02-25 23:43:08 +03:00

Author

Owner

@solracsf commented on GitHub (Jan 14, 2024):

What about integrate it as a tooltip on mouseover (info is available and doesn't introduce noise)?

@solracsf commented on GitHub (Jan 14, 2024): What about integrate it as a tooltip on mouseover _(info is available and doesn't introduce noise)_?

kerem commented

2026-02-25 23:43:08 +03:00

Author

Owner

@cuu508 commented on GitHub (Jan 15, 2024):

That's an idea! It would be a bit hard to discover but it would certainly be unobtrusive.

@cuu508 commented on GitHub (Jan 15, 2024): That's an idea! It would be a bit hard to discover but it would certainly be unobtrusive.

kerem commented

2026-02-25 23:43:08 +03:00

Author

Owner

@cuu508 commented on GitHub (Jan 22, 2024):

Initial implementation is ready, looks like so:

@cuu508 commented on GitHub (Jan 22, 2024): Initial implementation is ready, looks like so: ![image](https://github.com/healthchecks/healthchecks/assets/661859/a2012619-d429-4e14-b7ad-b44114564812)

kerem referenced this issue

2026-02-26 00:30:32 +03:00

[PR #638] [CLOSED] Rename .env to example.env #1000