diff --git a/css/_base.scss b/css/_base.scss
index 744292e..92293b0 100644
--- a/css/_base.scss
+++ b/css/_base.scss
@@ -33,6 +33,8 @@ body {
overflow: hidden;
color: #F1F1F1;
background: #040404; // should match DEFAULT_BACKGROUND from interface_config
+ touch-action: manipulation;
+ -webkit-tap-highlight-color: transparent;
}
/**
diff --git a/css/_toolbars.scss b/css/_toolbars.scss
index 84864a8..a96bc4a 100644
--- a/css/_toolbars.scss
+++ b/css/_toolbars.scss
@@ -111,10 +111,10 @@ div.hangup-button {
&:hover {
background-color: #E04757;
}
+ }
- &:active {
- background-color: #A21B29;
- }
+ &:active {
+ background-color: #A21B29;
}
svg {
@@ -129,10 +129,10 @@ div.hangup-menu-button {
&:hover {
background-color: #E04757;
}
+ }
- &:active {
- background-color: #A21B29;
- }
+ &:active {
+ background-color: #A21B29;
}
svg {
diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss
index 795c4e5..ffa623d 100644
--- a/css/_videolayout_default.scss
+++ b/css/_videolayout_default.scss
@@ -57,7 +57,7 @@
.videocontainer {
position: relative;
text-align: center;
- overflow: 'hidden';
+ overflow: hidden;
}
#localVideoWrapper {
@@ -287,9 +287,12 @@
#avatarContainer {
border-radius: 50%;
display: inline-block;
+ height: 50vh;
height: 50dvh;
+ margin-top: 25vh;
margin-top: 25dvh;
overflow: hidden;
+ width: 50vh;
width: 50dvh;
#avatar {
diff --git a/css/modals/_whiteboard.scss b/css/modals/_whiteboard.scss
index 5a133e6..411bc49 100644
--- a/css/modals/_whiteboard.scss
+++ b/css/modals/_whiteboard.scss
@@ -2,6 +2,8 @@
.excalidraw-wrapper {
height: 100vh;
+ height: 100dvh;
width: 100vw;
+ width: 100dvw;
}
}
diff --git a/index.html b/index.html
index 939e3cd..bdc241f 100644
--- a/index.html
+++ b/index.html
@@ -3,8 +3,11 @@
-
+
+
+
+
diff --git a/static/close2.html b/static/close2.html
index 38b5622..2a6f34a 100644
--- a/static/close2.html
+++ b/static/close2.html
@@ -1,6 +1,9 @@
+
+
+