render unread rooms as bold

src/domain/session/roomlist/RoomTileViewModel.js

@@ -57,6 +57,10 @@ export class RoomTileViewModel extends ViewModel {
         return this._isOpen;
     }
 
+    get isUnread() {
+        return this._room.isUnread;
+    }
+
     get name() {
         return this._room.name;
     }

src/ui/web/css/left-panel.css

@@ -31,6 +31,10 @@ limitations under the License.
     align-items: center;
 }
 
+.LeftPanel .name.unread {
+    font-weight: 600;
+}
+
 .LeftPanel div.description {
     margin: 0;
     flex: 1 1 0;

src/ui/web/session/RoomTile.js

@@ -21,7 +21,7 @@ export class RoomTile extends TemplateView {
     render(t, vm) {
         return t.li({"className": {"active": vm => vm.isOpen}}, [
             renderAvatar(t, vm, 32),
-            t.div({className: "description"}, t.div({className: "name"}, vm => vm.name))
+            t.div({className: "description"}, t.div({className: {"name": true, unread: vm => vm.isUnread}}, vm => vm.name))
         ]);
     }