Der Stil hat ja im Messageheader einen Rahmen oben:
Durch beide Deklarationen wird der weiße Bereich entfernt, dadurch kommt es zu einem Doppelrahmen oben weil der eigentliche BB-Code noch mal einen Schatten als Rahmen hat. Den Doppelrahmen entfernt mein Code noch zusätzlich.
Das ist alles.
Im Prinzip ist nur der Teil mit dem padding wichtig.
Du kannst doch beide zusammenfügen:
@include screen-lg {
.newsBBBox {padding: 0; background: none !important;}
.newsBBBox .message {border-top: 0 !important;}
}
Ich sehe gerade du hast auf newsBBBox ein white-space: nowrap;, das kannst du vielleicht mobil ausblenden (oder ganz weglassen), dann passt es auch bei längeren Titeln:
Hast du den BB-Code selbst gebaut oder gibt es den so irgendwo im WCF als "Vorlage"? Ich frage weil da die Klassen message und messageContent enthalten sind.
Mobil gibt es noch einen Fehler:
Am besten noch ein overflow:hidden; auf .newsBBBox setzen.
Füge das hinzu:
@include screen-lg {
.newsBBBox {padding: 0}
.newsBBBox .message {border-top: 0 !important;}
}