Commit 92c121b8 authored by Liam Sharpe's avatar Liam Sharpe
Browse files

Fixed word wrap on profile block for new friends - Bug #1541604

Added padding to the block to keep the tex out from under
the profile picture. Tested in German language

behatnotneeded

Change-Id: I97fd497cf7121ef95e3e01c7306d6e4fb8843a6b
parent 3de73e05
Loading
Loading
Loading
Loading
+17 −0
Original line number Diff line number Diff line
@@ -88,6 +88,23 @@ h4.list-group-item-heading {
.list-group-item-warning {
    .list-group-item-heading {
        color: $state-warning-text;

    }
    &.list-group-item-profile-notification {
        padding-right: 70px;
        word-wrap: normal;
        word-break: break-all;
        white-space: normal;
        a {
            display: table-row;
        }
        div,
        > span {
            display: table-cell;
        }
        &#invitedgroups + #pendingfriends {
            padding-right: 0;
        }
    }
}

+8 −4
Original line number Diff line number Diff line
@@ -12,17 +12,21 @@
            </div>
        {/if}
        {if $sbdata.invitedgroups}
            <div id="invitedgroups" class="list-group-item list-group-item-warning">
            <div id="invitedgroups" class="list-group-item list-group-item-warning list-group-item-profile-notification">
                <a href="{$WWWROOT}group/mygroups.php?filter=invite">
                    <div>
                        <span id="invitedgroupscount" class="label label-warning">{$sbdata.invitedgroups}</span>
                    </div>
                    <span id="invitedgroupsmessage">{$sbdata.invitedgroupsmessage}</span>
                </a>
            </div>
        {/if}
        {if $sbdata.pendingfriends}
            <div id="pendingfriends" class="list-group-item list-group-item-warning">
            <div id="pendingfriends" class="list-group-item list-group-item-warning list-group-item-profile-notification">
                <a href="{$WWWROOT}user/myfriends.php?filter=pending">
                    <div>
                        <span id="pendingfriendscount" class="label label-warning">{$sbdata.pendingfriends}</span>
                    </div>
                    <span id="pendingfriendsmessage">{$sbdata.pendingfriendsmessage}</span>
                </a>
            </div>