From 6ad46635087eb6ce7593ed87c6410492e06318c3 Mon Sep 17 00:00:00 2001
From: Robin Townsend <robin@robin.town>
Date: Wed, 19 Apr 2023 14:43:37 -0400
Subject: [PATCH] Keep inspector from covering call buttons
---
src/room/InCallView.module.css | 7 ++++++-
src/room/InCallView.tsx | 6 ++++--
2 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/src/room/InCallView.module.css b/src/room/InCallView.module.css
index 04228aa..0e510a7 100644
--- a/src/room/InCallView.module.css
+++ b/src/room/InCallView.module.css
@@ -15,7 +15,6 @@ limitations under the License.
*/
.inRoom {
- position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
@@ -26,6 +25,12 @@ limitations under the License.
--footerHeight: calc(50px + 2 * var(--footerPadding));
}
+.controlsOverlay {
+ position: relative;
+ flex: 1;
+ display: flex;
+}
+
.centerMessage {
display: flex;
flex: 1;
diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx
index cf1e4dc..d54cb48 100644
--- a/src/room/InCallView.tsx
+++ b/src/room/InCallView.tsx
@@ -438,8 +438,10 @@ export function InCallView({
</RightNav>
</Header>
)}
- {renderContent()}
- {footer}
+ <div className={styles.controlsOverlay}>
+ {renderContent()}
+ {footer}
+ </div>
<GroupCallInspector
client={client}
groupCall={groupCall}