fix: styles for call

datsfilipe · Mar 3, 2024 · 11700b9 · 11700b9
1 parent 4d97959
commit 11700b9
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 1 deletion.
diff --git a/src/scss/components/_spaced-elements-style.scss b/src/scss/components/_spaced-elements-style.scss
@@ -58,3 +58,42 @@
     }
   }
 }
+
+// call container
+[class*="noChat"][class*="video"] {
+  background-color: transparent;
+}
+
+[class*="callContainer"] {
+  background-color: transparent;
+
+  [class*="container"][class*="transparent"] {
+    padding: 0;
+  }
+
+  // call show chat button
+  [class*="button"][aria-label="Show Chat"] {
+    margin: 10px 20px 0 0;
+  }
+
+  [class*="headerWrapper"] {
+    padding: 0;
+  }
+
+  [class*="videoControls"] {
+    padding: 0;
+
+    [class*="gradient"] {
+        display: none;
+    }
+
+    [class*="bottomControls"] {
+      padding: 10px 15px;
+      margin: 0 10px 10px 10px;
+      max-width: calc(100% - 50px);
+      background-color: tc.$background-secondary;
+      border-radius: ms.$big-radius;
+      border: 1px solid gc.$color10;
+    }
+  }
+}
diff --git a/src/scss/components/_top-bar-container.scss b/src/scss/components/_top-bar-container.scss
@@ -25,7 +25,7 @@
 // }
 
 // spacing topbar
-.container__11d72.themed_b152d4 {
+.container__11d72.themed_b152d4, [class*="topControls"] [class*="headerWrapper"] {
   // standard
   border-radius: ms.$big-radius;
   margin: 10px 10px 0 10px;