Seite 1 von 1

[3.3] Benachrichtigungen hervorheben

Verfasst: 19.08.2021 17:02
von Imacfux
Ich setze den Style "lucid-lime 1.2.2" ein und möchte bei den Benachrichtigungen die gelesenen von den ungelesenen optisch unterscheiden. Zur Zeit sehen sie alle gleich aus und man erkennt nicht, welche Benachrichtigungen man gelesen hat und welche nicht.

Hat jemand eine Lösung?

Danke

https://komootforum.de/index.php

Re: [3.3] Benachrichtigungen hervorheben

Verfasst: 21.08.2021 16:17
von hackepeter13
Also im normalen prosilver Style werden neue Benachrichtigung farblich unterlegt und wenn mit mit der Maus rübergeht erscheint ein Hacken, um diese als gelesen zu markieren.

Ungelesen Benachrichtigungen haben standardmäßig die css-Klasse bg2, damit könntest du in der css-Datei "colours.css" die Hintergrundfarbe anpassen für bg2 anpassen.

Bei deinem Style kannst du ja mal in der "notification_dropdown.html" nachschauen, ob dort
class="<!-- IF notifications.UNREAD --> bg2<!-- ENDIF --> vorhanden ist.
In der "colours.css" schaust du ebenfalls nach, ob dort

Code: Alles auswählen

.bg2 {
    background-color: #xxxxxx;
}
vorhanden ist.
Falls ja, passe den Farbwert (#xxxxxx) an.
Falls nicht fügst du es ein.

Achtung: bg2 kann auch an vielen anderen Stellen, wie bspw. in der Foren-/Themenübersicht. Wenn du dort nicht möchtest, das da die Farben geändert werden, erstelle in der "colours.css" eine neue Klasse die es noch nicht gibt (bspw. .bg-notification) und ändere in der "notification_dropdown.html" bg2 ebenfalls in bg-notification.

Re: [3.3] Benachrichtigungen hervorheben

Verfasst: 21.08.2021 18:20
von Imacfux
Ganz herzlichen Dank für die ausführliche Antwort, die ich verstanden habe.

Am PC kann ich das nachvollziehen.

Aber wie sieht es am Smartphone aus? Da kann ich ja nicht mit der Maus drüber fahren?

Danke und schönen Abend

Re: [3.3] Benachrichtigungen hervorheben

Verfasst: 21.08.2021 19:45
von hackepeter13
Imacfux hat geschrieben: 21.08.2021 18:20 Aber wie sieht es am Smartphone aus? Da kann ich ja nicht mit der Maus drüber fahren?
Die Hintergrundfarbe ist/sollte auch in der mobilen Ansicht vorhanden sein, die hat nichts mit dem dynamischen :hover/:focus-Effekt zu tun.

Das mit dem "Maus drüber fahren" bezog sich nur auf das Häkchen für "als gelesen markieren", aber auch der sollte in der mobilen Ansicht erscheinen, wenn du mit dem Finger länger auf das Feld drückst. :wink:

Re: [3.3] Benachrichtigungen hervorheben

Verfasst: 21.08.2021 20:15
von Imacfux
danke, genauso ist es....