feat(fullscreenVideoCall): responsive video controls

wireapp · Dec 2, 2024 · 568c33e · 568c33e
1 parent ac4e82d
commit 568c33e
Show file tree

Hide file tree

Showing 5 changed files with 728 additions and 543 deletions.
diff --git a/src/script/components/calling/FullscreenVideoCall.styles.ts b/src/script/components/calling/FullscreenVideoCall.styles.ts
@@ -24,22 +24,6 @@ export const classifiedBarStyles: CSSObject = {
   display: 'flex',
 };
 
-export const videoControlActiveStyles = css`
-  background-color: var(--main-color);
-  border: 1px solid var(--main-color);
-  svg,
-  svg > path {
-    fill: var(--app-bg-secondary);
-  }
-  &:hover {
-    background-color: var(--background);
-  }
-  &:active {
-    background-color: var(--accent-color-highlight-inversed);
-    border: 1px solid var(--accent-color-focus);
-  }
-`;
-
 export const videoControlInActiveStyles = css`
   background-color: var(--inactive-call-button-bg);
   border: 1px solid var(--inactive-call-button-border);
@@ -57,15 +41,6 @@ export const videoControlInActiveStyles = css`
   }
 `;
 
-export const videoControlDisabledStyles = css`
-  background-color: var(--disabled-call-button-bg);
-  border: 1px solid var(--disabled-call-button-border);
-  cursor: default;
-  svg {
-    fill: var(--disabled-call-button-svg);
-  }
-`;
-
 export const paginationButtonStyles: CSSObject = {
   ['& svg > path']: {
     fill: 'var(--main-color)',