Contao: make notification bell counter more visible

Created on 17 Nov 2018  路  3Comments  路  Source: contao/contao

Imho the counter on the notification bell currently goes unnoticed pretty easily (red on orange). Just a small suggestion on how it could look differently:

nb_org

vs.

nb_alt1

Example with bigger numbers:

nb_alt2

CSS used:

{
  top: 4px;
  left: 20px;
  width: 18px;
  height: 18px;
  background-color: white;
  color: red;
  text-align: center;
  line-height: 18px;
  font-size: 10px;
  border-radius: 100%;
  padding: 0;
  font-weight: 700;
}

Any thoughts? :)

feature

All 3 comments

Die Frage ist, wie auff盲llig soll es sein. Ich pers枚nlich bin kein Freund davon, das Icon zu 眉berdecken.

Vielleicht eher etwas in diese Richtung:
vorschlag_contao_notification

Das ist nicht ausgearbeitet. (sprich vll. ungenau) :-)

As discussed in Mumble on November 22nd, a more visible circle in white or blue is a good idea, however it should be a little smaller than in the screenshots.

See #289.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

mathContao picture mathContao  路  3Comments

leofeyer picture leofeyer  路  3Comments

Physiklehrer picture Physiklehrer  路  3Comments

rabauss picture rabauss  路  3Comments

Xirdion picture Xirdion  路  3Comments