imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Center all buttons

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-07-20 16:02:02 +02:00
parent c25feb9b9f
commit fadb13e9fb
No known key found for this signature in database
GPG key ID: 55C211A1226CB17D
2 changed files with 2 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

12
res/css/views/voip/_CallView.scss
View file

@ -338,17 +338,11 @@ limitations under the License.
} }
.mx_CallView_callControls_dialpad { .mx_CallView_callControls_dialpad {
margin-right: auto;
&::before { &::before {
background-image: url('$(res)/img/voip/dialpad.svg'); background-image: url('$(res)/img/voip/dialpad.svg');
} }
} }
.mx_CallView_callControls_button_dialpad_hidden {
margin-right: auto;
cursor: initial;
}
.mx_CallView_callControls_button_micOn { .mx_CallView_callControls_button_micOn {
&::before { &::before {
background-image: url('$(res)/img/voip/mic-on.svg'); background-image: url('$(res)/img/voip/mic-on.svg');
@ -404,17 +398,11 @@ limitations under the License.
} }
.mx_CallView_callControls_button_more { .mx_CallView_callControls_button_more {
margin-left: auto;
&::before { &::before {
background-image: url('$(res)/img/voip/more.svg'); background-image: url('$(res)/img/voip/more.svg');
} }
} }
.mx_CallView_callControls_button_more_hidden {
margin-left: auto;
cursor: initial;
}
.mx_CallView_callControls_button_invisible { .mx_CallView_callControls_button_invisible {
visibility: hidden; visibility: hidden;
pointer-events: none; pointer-events: none;

4
src/components/views/voip/CallView.tsx
View file

@ -543,14 +543,14 @@ export default class CallView extends React.Component<IProps, IState> {
inputRef={this.dialpadButton} inputRef={this.dialpadButton}
onClick={this.onDialpadClick} onClick={this.onDialpadClick}
isExpanded={this.state.showDialpad} isExpanded={this.state.showDialpad}
/> : <div className="mx_CallView_callControls_button mx_CallView_callControls_button_dialpad_hidden" />; /> : <div className="mx_CallView_callControls_button" />;
const contextMenuButton = this.state.callState === CallState.Connected ? <ContextMenuButton const contextMenuButton = this.state.callState === CallState.Connected ? <ContextMenuButton
className="mx_CallView_callControls_button mx_CallView_callControls_button_more" className="mx_CallView_callControls_button mx_CallView_callControls_button_more"
onClick={this.onMoreClick} onClick={this.onMoreClick}
inputRef={this.contextMenuButton} inputRef={this.contextMenuButton}
isExpanded={this.state.showMoreMenu} isExpanded={this.state.showMoreMenu}
/> : <div className="mx_CallView_callControls_button mx_CallView_callControls_button_more_hidden" />; /> : <div className="mx_CallView_callControls_button" />;
return ( return (
<div className={callControlsClasses}> <div className={callControlsClasses}>