Hallo zusammen,
wer optisch die Reaction-Anzeigen aufpolieren möchte (die ja doch sehr lieblos sind...), hier eine fertige Lösung von mir für die Reaction Button zur freien Verfügung:
Code
/* ================================================================ Reaction Button Mod by Gino Zantarelli */
.messageGroupList .columnSubject > .statusDisplay .topReactionShort {
background-color: var(--wcfContentBorderInner);
border-radius: 30px;
margin-top: 3px;
padding: 1px 5px 1px 5px;
line-height: 1.28;
color: var(--wcfContentText);
min-height: 24px;
}
.messageGroupList .columnSubject > .statusDisplay .topReactionShort img.reactionType {
width: 16px;
}
.messageGroupList .columnSubject > .statusDisplay .topReactionShort .reactionCount {
font-size: 10px;
vertical-align: 2px;
}
.reactionSummary .reactionCountButton {
background-color: var(--wcfContentContainerBorder);
padding: 2px 12px 2px 8px;
border: 3px solid var(--wcfContentContainerBackground);
margin-left: -17px;
border-radius: 30px;
line-height: 22px;
}
.reactionSummary .reactionCountButton:first-child {
margin-left: 0px;
}
.reactionSummary .reactionCountButton:first-child:last-child {
padding: 2px 8px 2px 8px;
}
.reactionSummary .reactionCountButton:last-child {
padding: 2px 8px 2px 8px;
}
Display More
Und so schaut es dann aus:
Ich hoffe Euch spricht das ganze an, sieht auf jeden Fall besser aus als die bisherige Ansicht..
Euer Gino