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

Merge remote-tracking branch 'origin/develop' into dbkr/call_ui_height

Browse source
This commit is contained in:
David Baker 2020-12-10 12:36:51 +00:00
commit 026b4422a8
142 changed files with 4600 additions and 1970 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -16,10 +16,11 @@ limitations under the License.
*/
.mx_CallView {
border-radius: 10px;
background-color: $input-lighter-bg-color;
border-radius: 8px;
background-color: $voipcall-plinth-color;
padding-left: 8px;
padding-right: 8px;
margin: 5px 5px 5px 18px;
// XXX: CallContainer sets pointer-events: none - should probably be set back in a better place
pointer-events: initial;
}
@ -48,6 +49,7 @@ limitations under the License.
align-items: center;
justify-content: center;
background-color: $inverted-bg-color;
border-radius: 8px;
}
.mx_CallView_voice_hold {
@ -59,14 +61,19 @@ limitations under the License.
&::after {
position: absolute;
content: '';
width: 20px;
height: 20px;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.6);
background-image: url('$(res)/img/voip/paused.svg');
background-position: center;
background-size: cover;
background-size: 40px;
background-repeat: no-repeat;
}
.mx_CallView_pip &::after {
background-size: 30px;
}
}
.mx_BaseAvatar {
@ -76,10 +83,12 @@ limitations under the License.
}
.mx_CallView_voice_holdText {
height: 16px;
height: 20px;
padding-top: 20px;
color: $accent-fg-color;
.mx_AccessibleButton_hasKind {
padding: 0px;
font-weight: bold;
}
}
@ -87,6 +96,8 @@ limitations under the License.
width: 100%;
position: relative;
z-index: 30;
border-radius: 8px;
overflow: hidden;
}
.mx_CallView_video_hold {
@ -109,6 +120,16 @@ limitations under the License.
background-size: cover;
background-position: center;
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 {
@ -125,14 +146,17 @@ limitations under the License.
margin-left: auto;
margin-right: auto;
content: '';
width: 20px;
height: 20px;
width: 40px;
height: 40px;
background-image: url('$(res)/img/voip/paused.svg');
background-position: center;
background-size: cover;
}
.mx_CallView_pip &::before {
width: 30px;
height: 30px;
}
.mx_AccessibleButton_hasKind {
display: block;
padding: 0px;
}
}
@ -150,6 +174,7 @@ limitations under the License.
}
.mx_CallView_header_callType {
font-size: 1.2rem;
font-weight: bold;
vertical-align: middle;
}