More video rooms design updates (#8222)

* Update video room icon * Hide room header border in video rooms * Fix inconsistent padding on AppTile frames
2022-04-05 06:30:57 -04:00
parent c0c447ab9b
commit 4f6b939426
6 changed files with 21 additions and 11 deletions
@@ -213,14 +213,20 @@ hr.mx_RoomView_myReadMarker {
 }

 // Immersive widgets
-.mx_RoomView_body > .mx_AppTile {
-    margin: $container-gap-width;
-    margin-right: calc($container-gap-width / 2);
-    width: auto;
-    height: 100%;
-    padding-top: 33px; // to match the right panel chat heading
+.mx_RoomView_immersive {
+    .mx_RoomHeader_wrapper {
+        border: unset;
+    }

-    border-radius: 8px;
+    .mx_AppTile {
+        margin: $container-gap-width;
+        margin-right: calc($container-gap-width / 2);
+        width: auto;
+        height: 100%;
+        padding-top: 33px; // to match the right panel chat heading
+
+        border-radius: 8px;
+    }
 }

 .mx_RoomView_callStatusBar .mx_UploadBar_uploadProgressInner {