IPS mailContainer

[one_finger_man]

want to spice up you postcontainer add this to you theme

look for this

{{if $comment->author()->member_id}}

under that you are going to add this

<div class="placeFields">
<div class="placeData">
<div class="placeIcon"><i class="fa fa-comments"></i></div>
<div class="placeContent">Posts: <span class="ml-auto">{$comment->author()->member_posts}</span></div>
</div>
<div class="placeData">
<div class="placeIcon"><i class="fa fa-heart"></i></div>
<div class="placeContent">Likes: <span class="ml-auto">{$comment->author()->pp_reputation_points}</span></div>
</div>
<div class="placeData">
<div class="placeIcon"><i class="fa fa-exclamation-triangle"></i></div>
<div class="placeContent">Warns: <span class="ml-auto">{$comment->author()->warn_level}</span></div>
</div>
<div class="placeData">
<div class="placeIcon"><i class="fa fa-address-card"></i></div>
<div class="placeContent">ID: <span class="ml-auto">#{$comment->author()->member_id}68</span></div>
</div>
</div>

custom.css:

/* mail container */
.cAuthorPane {
    width: 210px;
    font-size: 12px;
    text-align: center;
    padding: 10px 4px;
    margin-left: 2px;
    background: #222;
    padding-bottom: 20px;
}
html [dir] .cPost .ipsComment_content {
    padding-right: 20px;
    padding-left: 20px;
}
.placeFields {
    width: 175px;
    text-align: left;
    font-size: 12px;
    margin: 0 auto;
    padding-top: 15px;
}
.placeData {
    display: flex;
    background: #1b1b1b;
    align-items: center;
    margin: 5px 0;
    border-radius: 2px;
}
.placeData .placeIcon {
    padding: 9px;
    background: #131313;
    margin-right: .1rem;
    border-radius: 2px 0 0 2px;
}
.placeData .placeContent {
    padding: 5px;
    display: flex;
    width: 100%;
}
.placememberTitle {
    font-size: 13px;
    word-wrap: break-word;
    line-height: 1.5;
    background: #1b1b1b;
    padding: 6px 10px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #666;
    border-bottom: 1px solid #212121;
    margin-left: -6px;
    margin-right: -4px;
}
.ml-auto {
    margin-left: auto;
}

after you will need to find the colors you want for the postbit