Hi,
kann mir jemand sagen wie ich bei der Beitragsansicht dieses "Dreieck" wie beim WBB 4.1 hinbekomme? Das müsste ja über CSS gehen. Leider halten sich da meine Fähigkeiten in Grenzen....
"Dreieck" bei der Beitragsansicht
-
- WSF 5.0.x
-
Juarez 1990 -
December 17, 2019 at 2:57 PM
-
Code
Display More@include screen-lg { .messageSidebarOrientationLeft .messageSidebar::before { content: ""; border-style: solid; border-width: 16px 13px 16px 0; border-color: transparent rgb(236, 241, 247) transparent transparent; position: absolute; margin-left: 120px; margin-top: -5px; -webkit-transform: rotate(180deg); } } -
Wow, super vielen Dank!!!
Wie stelle ich das jetzt ein, wenn das Dreieck nach links zeigen soll?
-
Du nimmst die Codezeile -webkit-transform: rotate(180deg); raus und passt die Position mit den margin-Werten an.
-
Mal eine Frage dazu:
Ich habe das Dreick (nach links zeigend) in Hintergrundfarbe. Es soll aber einen dunklen Rahmen haben. Leider werden mir stattdessen 2 kleine dunkle Dreiecke an den Seiten angezeigt. Wie bekomme ich die weg?
So sieht es jetzt aus (3.1):
So sah es damals bei uns unter wbb4.1 aus:
-
Habs hinbekommen:
Code
Display More@include screen-lg { .messageSidebarOrientationLeft .messageSidebar::before { content: ""; border-style: solid; border-width: 16px 13px 16px 0; border-color: transparent #10151b transparent transparent; position: absolute; margin-left: 107px; margin-top: -4px; z-index: 0; } .messageSidebarOrientationLeft .messageSidebar::after { content: ""; border-style: solid; border-width: 16px 13px 16px 0; border-color: transparent #4c627c transparent transparent; position: absolute; margin-left: 108px; top: 16px; z-index: 1; } }Vielen Dank dafür!
Participate now!
Don’t have an account yet? Register yourself now and be a part of our community!
