messageSidebar -> anpassen

Hallo WBB ler,

ich möchte gerne, wie im Bild zu sehen denn Abstand zwischen zzwei Elementen entfernen und zusammenfügen.

Auf dem Bild ist eine "blaue" Markierung zu sehen, dies soll entfernt werden.

Kann mir jemand sagen, wie das CSS-technisch angepasst werden muss?

Gruß

Quote from ReeN

CSS

@include screen-md-up {
    .messageSidebar + .messageContent {
        margin-left: 0;
    }
}

Falls das nicht passen sollte, wäre ein Link zu Seite nicht verkehrt.

Sowas lässt sich übrigens ganz leicht selber herausfinden, wenn man via Rechtsklick -> Untersuchen die Elemente untersucht. Wenn man dann die Maus über den Quelltext wandern lässt, wird optisch hervorgehoben, wo welcher Abstand ist und dann kann man auch direkt nachschauen, durch welches CSS die Abstände zustande kommen. Dann kann man z.B. das CSS für den Abstand kopieren, den Wert ändern und fertig ist die Kiste. Setzt natürlich voraus, dass man sich etwas mit HTML und CSS beschäftigt, um zumindest die Grundlagen zu verstehen.

Vielen Dank für deine schnelle Antwort. Passt soweit. Nur rechts gibt es noch ein kleines Problem:

Ich habs gefunden, das Problem hat sich erledigt.

CSS Code:

@include screen-md-up 
{
    .messageSidebar + .messageContent 
    {
      margin-left: 0;
      margin-right: 0;
      flex-basis: calc(100% - 0px);
      max-width: calc(100% - 0px);
    }
}