Use alternative border radius when previewing a space

matrix-org · Jul 15, 2021 · 9caf2ce · 9caf2ce
1 parent 7d2dd5c
commit 9caf2ce
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/css/preview.css b/css/preview.css
@@ -22,6 +22,10 @@
     height: 64px;
 }
 
+.PreviewView .mxSpace .avatar {
+    border-radius: 12px;
+}
+
 .PreviewView .defaultAvatar {
     width: 64px;
     height: 64px;

diff --git a/src/preview/PreviewView.js b/src/preview/PreviewView.js
@@ -51,7 +51,7 @@ class LoadedPreviewView extends TemplateView {
                 return t.div({className: "defaultAvatar"});
             }
         });
-		return t.div([
+		return t.div({className: vm.isSpaceRoom ? "mxSpace" : undefined}, [
 			t.div({className: "avatarContainer"}, avatar),
 			t.h1(vm => vm.name),
 			t.p({className: {identifier: true, hidden: vm => !vm.identifier}}, vm => vm.identifier),

diff --git a/src/preview/PreviewViewModel.js b/src/preview/PreviewViewModel.js
@@ -34,6 +34,7 @@ export class PreviewViewModel extends ViewModel {
 		this.topic = null;
 		this.domain = null;
         this.failed = false;
+        this.isSpaceRoom = false;
 	}
 
 	async load() {
@@ -110,6 +111,7 @@ export class PreviewViewModel extends ViewModel {
 		this.memberCount = publicRoom?.num_joined_members;
 		this.topic = publicRoom?.topic;
 		this.identifier = publicRoom?.canonical_alias || link.identifier;
+		this.isSpaceRoom = publicRoom?.room_type === "m.space";
         if (this.identifier === this.name) {
             this.identifier = null;
         }