Make #matrix public rooms bold to make them stand out from the other public rooms. Ideally this would be metadata in /publicRooms to say something like 'featured channel', but for now, just make it a client side check.
parent
0627366b2f
commit
de727f854a
|
@ -269,6 +269,10 @@ a:active { color: #000; }
|
||||||
background-color: #faa;
|
background-color: #faa;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.roomHighlight {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
/*** Participant list ***/
|
/*** Participant list ***/
|
||||||
|
|
||||||
#usersTableWrapper {
|
#usersTableWrapper {
|
||||||
|
|
|
@ -26,7 +26,10 @@
|
||||||
|
|
||||||
<div class="public_rooms" ng-repeat="room in public_rooms | orderBy:'room_display_name'">
|
<div class="public_rooms" ng-repeat="room in public_rooms | orderBy:'room_display_name'">
|
||||||
<div>
|
<div>
|
||||||
<a href="#/room/{{ room.room_alias ? room.room_alias : room.room_id }}" >{{ room.room_display_name }}</a>
|
<a href="#/room/{{ room.room_alias ? room.room_alias : room.room_id }}"
|
||||||
|
ng-class="room.room_display_name.toLowerCase().indexOf('#matrix:') === 0 ? 'roomHighlight' : ''">
|
||||||
|
{{ room.room_display_name }}
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br/>
|
<br/>
|
||||||
|
|
Loading…
Reference in New Issue