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.

2 files changed, 8 insertions, 1 deletions

diff --git a/webclient/app.css b/webclient/app.css

index 7698cb4fda..0c6ae9b668 100755
--- a/webclient/app.css
+++ b/webclient/app.css
@@ -269,6 +269,10 @@ a:active  { color: #000; }
     background-color: #faa;
 }
 
+.roomHighlight {
+    font-weight: bold;
+}
+
 /*** Participant list ***/
 
 #usersTableWrapper {
diff --git a/webclient/home/home.html b/webclient/home/home.html

index e3a49bb142..12b3c7f14e 100644
--- a/webclient/home/home.html
+++ b/webclient/home/home.html
@@ -26,7 +26,10 @@
     
     <div class="public_rooms" ng-repeat="room in public_rooms | orderBy:'room_display_name'">
         <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>
     <br/>