make call buttons round for consistency with other apps
This commit is contained in:
+17
-4
@@ -1605,13 +1605,26 @@ img.channel {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.controls {
|
.controls {
|
||||||
|
position: absolute;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
column-gap: 1rem;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
height: 3.2rem;
|
width: 100%;
|
||||||
|
bottom: 2.5rem;
|
||||||
z-index: 1;
|
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 {
|
#video-container-panel {
|
||||||
@@ -1745,7 +1758,7 @@ video {
|
|||||||
left: initial;
|
left: initial;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 5rem 3.5rem 2rem 3.5rem;
|
padding: 4rem 3.5rem 5.5rem 3.5rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|||||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -1932,11 +1932,11 @@ class TinodeWeb extends React.Component {
|
|||||||
{this.state.callTopic && this.state.callState == CALL_STATE_INCOMING_RECEIVED ?
|
{this.state.callTopic && this.state.callState == CALL_STATE_INCOMING_RECEIVED ?
|
||||||
<CallIncoming
|
<CallIncoming
|
||||||
tinode={this.tinode}
|
tinode={this.tinode}
|
||||||
onClose={this.handleCallClose}
|
|
||||||
topic={this.state.callTopic}
|
topic={this.state.callTopic}
|
||||||
seq={this.state.callSeq}
|
seq={this.state.callSeq}
|
||||||
callState={this.state.callState}
|
callState={this.state.callState}
|
||||||
audioOnly={this.state.callAudioOnly}
|
audioOnly={this.state.callAudioOnly}
|
||||||
|
onClose={this.handleCallClose}
|
||||||
onRinging={this.handleCallRinging}
|
onRinging={this.handleCallRinging}
|
||||||
onAcceptCall={this.handleCallAccept}
|
onAcceptCall={this.handleCallAccept}
|
||||||
onReject={this.handleCallHangup}
|
onReject={this.handleCallHangup}
|
||||||
|
|||||||
+1
-1
@@ -9405,11 +9405,11 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
|
|||||||
onTopicSelected: this.handleStartTopicRequest
|
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"], {
|
}) : 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,
|
tinode: this.tinode,
|
||||||
onClose: this.handleCallClose,
|
|
||||||
topic: this.state.callTopic,
|
topic: this.state.callTopic,
|
||||||
seq: this.state.callSeq,
|
seq: this.state.callSeq,
|
||||||
callState: this.state.callState,
|
callState: this.state.callState,
|
||||||
audioOnly: this.state.callAudioOnly,
|
audioOnly: this.state.callAudioOnly,
|
||||||
|
onClose: this.handleCallClose,
|
||||||
onRinging: this.handleCallRinging,
|
onRinging: this.handleCallRinging,
|
||||||
onAcceptCall: this.handleCallAccept,
|
onAcceptCall: this.handleCallAccept,
|
||||||
onReject: this.handleCallHangup
|
onReject: this.handleCallHangup
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user