Draw user presence dots as actual list bullets

This keeps the name to the right of the bullet even if it overflows
onto two lines.

Fixes #909.

(imported from commit 60528bb30c2d9e29687b773abc76c18369a8a068)
This commit is contained in:
Keegan McAllister 2013-02-17 12:56:50 -05:00
parent 8f5031687c
commit 947d450a6d
2 changed files with 13 additions and 12 deletions

View File

@ -123,7 +123,7 @@ var people_list = [
<hr id="stream_filters_sep">
<div id="stream_filters" class="scrolling_list"></div>
<hr />
<div id="user_presences" class="scrolling_list"></div>
<ul id="user_presences" class="scrolling_list"></ul>
</ul>
</div>
</div>

View File

@ -144,26 +144,27 @@ a:hover code {
}
#user_presences {
margin-top: 1em;
overflow-y: hidden;
/* Pad so the bullets are visible */
padding-left: 20px;
margin-top: 1em;
margin-left: 0;
overflow-y: hidden;
}
#user_presences:hover {
overflow-y: auto;
}
#user_presences li.active-icon:before {
content: url(/static/images/presence/user-active.png);
margin-right: 6px; /* +9px image = 15px */
#user_presences li.active-icon {
list-style-image: url(/static/images/presence/user-active.png);
}
#user_presences li.away-icon:before {
content: url(/static/images/presence/user-away.png);
margin-right: 6px; /* +9px image = 15px */
#user_presences li.away-icon {
list-style-image: url(/static/images/presence/user-away.png);
}
#user_presences li.idle-icon:before {
content: url(/static/images/presence/user-idle.png);
margin-right: 6px; /* +9px image = 15px */
#user_presences li.idle-icon {
list-style-image: url(/static/images/presence/user-idle.png);
}
ul.filters {