diff --git a/src/scss/components/_spaced-elements-style.scss b/src/scss/components/_spaced-elements-style.scss index f7ea1a8..4c2d63c 100644 --- 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 index 53bb24a..f8b65d3 100644 --- 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;