Hallo!
Es geht um die Modern Shoutbox wenn diese in der Sidebar dargestellt wird. Ich habe etwas CSS gebastelt um größtmöglichen Platz auszunutzen. Die Avatare sind auch kleiner. Außerdem werden auf mobilen Geräten die Button nun über dem Eingabefeld dargestellt um auch zusehen was man schreibt wenn die Zeile nicht ausreicht und die Buchstaben unter den Buttons verschwinden.
Bei mir funktioniert es perfekt und wer möchte kann es gern verwenden.
CSS
// SHOUTBOX //
[data-box-identifier="de.darkwood-studios.wcf.shoutbox.box"] .shoutboxBoxSidebar {
#shoutbox {
padding: 0;
.userAvatarImage {
width: 24px !important;
height: 24px !important;
}
.entryContent p {
padding-left: 34px;
}
#shoutboxMessage {
padding: 5px 10px;
}
@include screen-lg {
#shoutboxEntryAddForm .shoutboxExtend .shoutboxButton {
height: 28px;
line-height: 28px;
}
}
@include screen-sm-down {
#shoutboxEntryAddForm .shoutboxExtend {
top: -38px;
right: 3px;
}
}
}
}
Display More
Eine weitere Modifikation gibts hier: Modern ShoutBox Desktop Hover