<li class='{{#if is_zero}}zero-subject-unreads{{/if}} {{#if is_muted}}muted_topic{{/if}} topic-list-item' data-name='{{topic_name}}'>
    <span class='topic-box'>
        <a href='{{url}}' class="topic-name">
            {{topic_name}}
        </a>
        <div class="topic-unread-count {{#if is_zero}}zero_count{{/if}}">
            <div class="value">{{unread}}</div>
        </div>
    </span>
    <span class="arrow topic-sidebar-arrow">
        <i class="icon-vector-chevron-down"></i>
    </span>
</li>

<li class='{{#if is_zero}}zero-subject-unreads{{/if}} {{#if is_muted}}muted_topic{{/if}} topic-list-item' data-name='{{topic_name}}'>
    <span class='topic-box'>
        <a href='{{url}}' class="topic-name" title="{{topic_name}}">
            {{topic_name}}
        </a>
        <div class="topic-unread-count {{#if is_zero}}zero_count{{/if}}">
            <div class="value">{{unread}}</div>
        </div>
    </span>
    <span class="arrow topic-sidebar-arrow">
        <i class="icon-vector-chevron-down"></i>
    </span>
</li>

Add tooltip showing full topic name in left sidebar.
topics: Add tooltip showing full topic name in left sidebar.

This is useful if the topic name is too long and thus is cut off for
display purposes.

Fixes #3979.
