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

Add 60% opacity black over the avatars when on hold

Browse source
This commit is contained in:
David Baker 2020-12-07 16:22:57 +00:00
parent 3b25a3be98
commit 747d743bd0
2 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -59,18 +59,19 @@ limitations under the License.
&::after { &::after {
position: absolute; position: absolute;
content: ''; content: '';
width: 40px; width: 100%;
height: 40px; height: 100%;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.6);
background-image: url('$(res)/img/voip/paused.svg'); background-image: url('$(res)/img/voip/paused.svg');
background-position: center; background-position: center;
background-size: cover; background-size: 40px;
background-repeat: no-repeat;
} }
.mx_CallView_pip &::after { .mx_CallView_pip &::after {
width: 30px; background-size: 30px;
height: 30px;
} }
} }
.mx_BaseAvatar { .mx_BaseAvatar {
@ -117,6 +118,16 @@ limitations under the License.
background-size: cover; background-size: cover;
background-position: center; background-position: center;
filter: blur(20px); filter: blur(20px);
&::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.6);
}
} }
.mx_CallView_video_holdContent { .mx_CallView_video_holdContent {

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

@ -489,7 +489,7 @@ export default class CallView extends React.Component<IProps, IState> {
{callControls} {callControls}
</div>; </div>;
} else { } else {
const avatarSize = this.props.room ? 160 : 75; const avatarSize = this.props.room ? 160 : 76;
const classes = classNames({ const classes = classNames({
mx_CallView_voice: true, mx_CallView_voice: true,
mx_CallView_voice_hold: isOnHold, mx_CallView_voice_hold: isOnHold,