Implement new in-call header and footer designs

2023-09-08 15:39:10 -04:00
parent 40e31607d2
commit 1445c42cc3
41 changed files with 700 additions and 548 deletions
--- a/src/video-grid/NewVideoGrid.module.css
+++ b/src/video-grid/NewVideoGrid.module.css
@@ -18,7 +18,9 @@ limitations under the License.
  contain: strict;
  position: relative;
  flex-grow: 1;
-  padding: 0 20px var(--footerHeight);
+  margin-inline: var(--inline-content-inset);
+  padding-block-end: var(--footerHeight);
+  margin-block-start: var(--cpd-space-4x);
  overflow-y: auto;
  overflow-x: hidden;
 }
@@ -30,9 +32,3 @@ limitations under the License.
 .slot {
  contain: strict;
 }
-
-@media (min-width: 800px) {
-  .grid {
-    padding: 0 22px var(--footerHeight);
-  }
-}