make call buttons round for consistency with other apps

This commit is contained in:
or-else
2023-01-09 11:55:56 -08:00
parent 2758bb9293
commit 920619a988
7 changed files with 23 additions and 10 deletions
+17 -4
View File
@@ -1605,13 +1605,26 @@ img.channel {
}
.controls {
position: absolute;
display: flex;
column-gap: 1rem;
align-items: center;
justify-content: center;
height: 3.2rem;
width: 100%;
bottom: 2.5rem;
z-index: 1;
background-color: #eceff1;
box-shadow: 0px -2px 3px -1px rgba(0,0,0,0.1); /* Faint shadow above panel */
}
.incoming-call .controls {
bottom: 1rem;
}
.controls button {
border-radius: 50%;
width: 4rem;
height: 4rem;
min-width: initial;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}
#video-container-panel {
@@ -1745,7 +1758,7 @@ video {
left: initial;
width: 100%;
height: 100%;
padding: 5rem 3.5rem 2rem 3.5rem;
padding: 4rem 3.5rem 5.5rem 3.5rem;
display: flex;
align-items: center;
justify-content: center;
+1 -1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -1932,11 +1932,11 @@ class TinodeWeb extends React.Component {
{this.state.callTopic && this.state.callState == CALL_STATE_INCOMING_RECEIVED ?
<CallIncoming
tinode={this.tinode}
onClose={this.handleCallClose}
topic={this.state.callTopic}
seq={this.state.callSeq}
callState={this.state.callState}
audioOnly={this.state.callAudioOnly}
onClose={this.handleCallClose}
onRinging={this.handleCallRinging}
onAcceptCall={this.handleCallAccept}
onReject={this.handleCallHangup}
+1 -1
View File
@@ -9405,11 +9405,11 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
onTopicSelected: this.handleStartTopicRequest
}) : null, this.state.callTopic && this.state.callState == _constants_js__WEBPACK_IMPORTED_MODULE_13__.CALL_STATE_INCOMING_RECEIVED ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_widgets_call_incoming_jsx__WEBPACK_IMPORTED_MODULE_8__["default"], {
tinode: this.tinode,
onClose: this.handleCallClose,
topic: this.state.callTopic,
seq: this.state.callSeq,
callState: this.state.callState,
audioOnly: this.state.callAudioOnly,
onClose: this.handleCallClose,
onRinging: this.handleCallRinging,
onAcceptCall: this.handleCallAccept,
onReject: this.handleCallHangup
+1 -1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long