Ich denke das kommt aus dem Stil Base 6.0
Hast du da was geändert? Ich habe den Balken bei mir im Stil gar nicht:
Beiträge von Tom
-
-
Ich habe mal was auf die Schnelle zusammen gebaut:
CSS
Alles anzeigen/* Modern Design */ .shoutbox.modernDesign { .shoutboxEntry.isOwner { .dropdownToggle, .containerHeadline a { color: var(--wcfStatusSuccessLink); } } .htmlContent p { margin: 0; } .shoutboxEntry .shoutboxMessage .shoutboxEntryTime { opacity: 1; bottom: 5px; font-weight: initial; font-size: 11px; bottom: initial; top: 8px; } .shoutboxEntry .shoutboxMessage { padding-right: 50px; } .shoutboxEntry .shoutboxMessage .shoutboxEntryDropdown { right: 50px; } .shoutboxEntry .shoutboxMessage .containerContent { margin-bottom: 0; } .shoutboxEntryAddForm .ck.ck-editor__main > .ck-editor__editable { border: 1px solid var(--wcfInputBorder); border-radius: var(--wcfBorderRadius) !important; background-color: var(--wcfInputBackground); } .shoutboxActionSubmit { background-color: var(--wcfButtonBackground); color: var(--wcfButtonText) !important; border-radius: var(--wcfBorderRadius); margin-left: 5px; fa-icon { height: 100% !important; } } }oder:
CSS
Alles anzeigen/* Classic Design */ [data-box-identifier="de.darkwood-studios.wcf.shoutbox.box"] { padding: 0 !important; .shoutbox .shoutboxContent { padding: 0 1px 0 0; } .shoutboxMessage .userMessage p { margin: 0; } .shoutbox .shoutboxContentFooter { margin: 0; border-top: 1px solid var(--wcfContentBorderInner); border-radius: 0 0 var(--wcfBorderRadius) var(--wcfBorderRadius); padding: 5px; } .shoutboxEntry { border-left: 0; border-right: 0; } .shoutboxEntryList > li:first-child { border-top-width: 0; } .shoutboxEntryList > li:last-child { border-bottom-width: 0; } .shoutboxEntryAddForm .ck.ck-editor__main > .ck-editor__editable { border: 1px solid var(--wcfInputBorder); border-radius: var(--wcfBorderRadius) !important; background-color: var(--wcfInputBackground); } .shoutboxActionSubmit { background-color: var(--wcfButtonBackground); color: var(--wcfButtonText) !important; border-radius: var(--wcfBorderRadius); margin-left: 5px; fa-icon { height: 100% !important; } } } -
Ok, alles klar, gucke ich mir an.
Damit dem Letzten Beiträgen ist strange
-
Habs mal etwas hübsch gemacht:
CSS
Alles anzeigen[data-box-identifier="de.darkwood-studios.wcf.shoutbox.box"] { padding: 0 !important; .shoutbox .shoutboxContent { padding: 0 1px 0 0; } .shoutboxMessage .userMessage p { margin: 0; } .shoutbox .shoutboxContentFooter { margin: 0; border-top: 1px solid var(--wcfContentBorderInner); border-radius: 0 0 var(--wcfBorderRadius) var(--wcfBorderRadius); padding: 5px; } .shoutboxEntry { border-left: 0; border-right: 0; } .shoutboxEntryList > li:first-child { border-top-width: 0; } .shoutboxEntryList > li:last-child { border-bottom-width: 0; } .shoutbox .shoutboxEntryAddForm .ck.ck-editor__main > .ck-editor__editable { border: 1px solid var(--wcfContentBorderInner); border-radius: var(--wcfBorderRadius) !important; } } -
Irgend etwas läuft doch da schief
Was genau meinst du? Ich sehe nichts das schief läuft 🤔
Standard:
Base:
-
Ich hole mir nachher das Update dann gucke ich mal.
-
Versuch das mal:
CSS.contentItemImageElement { width: auto !important; padding-top: 10px; } .contentItemImage { text-align: center; }Das width greift gerade nicht.
-
Ja, das war ein Plugin für WCF 2.0 dass das Logo durch Text ersetzt hat, so wie jetzt in meinen Stilen. Sieht so aus als ob jetzt alles für 2.x entfernt worden ist:
-
Füge das ein:
Code.contentItemImageElement { width: auto; padding-top: 10px; } .contentItemImage { text-align: center; } -
RIP kleines Textlogo
