Commit 285336e3 authored by Evonne Cheung's avatar Evonne Cheung Committed by Cecilia Vela Gurovic
Browse files

Bug 1875995 Inbox subject wrap responsively 

Changing Inbox block message subjects to not wrap and just hide
overflow when in smaller widths.

behatnotneeded

Change-Id: Ifc148e6b52193846b8bdfb481af4ec09abcebc61
parent 56e0b431

htdocs/theme/raw/plugintype/blocktype/inbox/templates/inboxmr.tpl

+1 −1
Original line number Diff line number Diff line
@@ -22,7 +22,7 @@ 
                        <span class="icon icon-wrench text-default left" role="presentation" aria-hidden="true"></span>

                    {/if}

                    <span class="sr-only">{$i->strtype}</span>

                    {$i->subject|str_shorten_html:42:true|safe}

                    <span class="subject">{$i->subject|str_shorten_html:50:true|safe}</span>

                    <span class="icon icon-chevron-down collapse-indicator float-right" role="presentation" aria-hidden="true"></span>

                </a></h4>

            {/if}

htdocs/theme/raw/sass/components/_list-group.scss

+15 −0
Original line number Diff line number Diff line
@@ -380,3 +380,18 @@ 
        margin: 5px 0;

    }

}



// Inbox subject to not wrap responsively

.inboxblock {

    .icon.left {

        display: inline-block;

        vertical-align: text-top;

    }

    .subject {

        display: inline-block;

        overflow: hidden;

        text-overflow: ellipsis;

        max-width: 80%;

        white-space: nowrap;

    }

}