Flüstern hervorheben

  • Wäre es möglich das Flüstern im Chat hervorzuheben? Das Problem ist das man es schnell mal übersehen kann. Auch wenn ein Pfeil da ist. Gibt es die möglichkeit es per CSS eventuell einzurahnmen? Das wäre die einfachste Variante finde ich.
    Wenn das geht habt ihr den passenden Schnipsel für mich? Oder könnt mir einen Anhaltspunkt geben wonach ich genau suchen muss?

    Gruß mcburn

  • Hallo,

    das geht mit CSS:

    CSS
    .chatMessageBoundary {
        &[data-object-type="be.bastelstu.chat.messageType.whisper"]:not(.own) > .chatMessageContainer {
            border-left-color: green !important;
        }
    }
  • Hallo Tim,

    ich habe den Befehl eingefügt, aber es ändert sich nichts an dem geflüstertem.


    Muss ich da noch was einstellen?

    Liebe Grüße,

    ZeroGravity

    edit// jetzt geht es

    Edited once, last by Shalin (August 6, 2018 at 11:05 AM).

  • Hallo,

    Kann man den Pfeil auch durch eine eigen Grafik ersetzen?

    ja, dazu muss das messageTypes-Template angepasst werden: https://github.com/wbbaddons/Tims…eTypes.tpl#L331

    fa-chevron-right ist durch das gewünschte Symbol zu ersetzen.

    ACHTUNG: Dieses Template wird nicht selten modifiziert. Bei Updates ist also zu prüfen, ob die eigene Version noch aktuell ist.

  • Hallo ZeroGravity

    kannst Du mir sagen, warum es dann ging? Bei mir gehts erstmal nämlich auch noch nicht

    Viele Grüße

    Jürgen

  • das mit dem Vorangestellten farbigen Balken ist ja schön.....

    ist es nicht auch möglich den gesamten Flüstertext anders Farbig darzustellen ?

    mfg

    Bo Nuss

    Kannst du genauso lösen wie hier: Flüstern hervorheben

    Beispiel für empfangene Nachricht:

    Code
    .chatMessageBoundary {
        &[data-object-type="be.bastelstu.chat.messageType.whisper"]:not(.own) > .chatMessageContainer {
            background: deineFarbe;
            color: deineFarbe;
        }
    }

    Beispiel für selbst gesendet Nachricht:

    Code
    .chatMessageBoundary {
        &[data-object-type="be.bastelstu.chat.messageType.whisper"].own > .chatMessageContainer {
            background: deineFarbe;
            color: deineFarbe;
        }
    }

    Edited once, last by Jacky (January 31, 2020 at 12:55 PM).

  • Post by Leon8boy (October 5, 2024 at 1:32 AM).

    This post was deleted by Tim (October 5, 2024 at 7:44 AM).