mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2024-12-17 07:11:46 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix: decrease the size of CallView on smaller screens

Browse source 
so that when the user opens the search box, it does not disappear, and AuxPanel does not need an awkward scrollbar
This commit is contained in:
Panagiotis 2021-03-13 19:11:57 +02:00
parent 879dd6eaea
commit 4d2ecc98b0
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -31,7 +31,7 @@ limitations under the License.
.mx_CallView_voice { .mx_CallView_voice {
height: 360px; height: 360px;
@media only screen and (max-height: 768px) { @media only screen and (max-height: 768px) {
height: 300px; height: 220px;
} }
} }
} }

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

@ -538,7 +538,8 @@ export default class CallView extends React.Component<IProps, IState> {
{callControls} {callControls}
</div>; </div>;
} else { } else {
const avatarSize = this.props.pipMode ? 76 : 160; const normalAvatarSize = window.innerHeight <= 768 ? 120 : 160;
const avatarSize = this.props.pipMode ? 76 : normalAvatarSize;
const classes = classNames({ const classes = classNames({
mx_CallView_voice: true, mx_CallView_voice: true,
mx_CallView_voice_hold: isOnHold, mx_CallView_voice_hold: isOnHold,