PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Fix feeds misbehaving

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-06-12 10:48:32 +02:00
parent 84070bf0ca
commit e431f41e11
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
2 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
res/css/views/voip/_VideoFeed.scss
View file

@ -14,12 +14,6 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_VideoFeed_voice {
// We don't want to collide with the call controls that have 52px of height
padding-bottom: 52px;
background-color: $inverted-bg-color;
}
.mx_VideoFeed_primary {
width: 100%;
height: 100%;
@ -27,6 +21,12 @@ limitations under the License.
justify-content: center;
align-items: center;
&.mx_VideoFeed_voice {
// We don't want to collide with the call controls that have 52px of height
padding-bottom: 52px;
background-color: $inverted-bg-color;
}
&.mx_VideoFeed_video {
background-color: #000;
}
@ -37,6 +37,17 @@ limitations under the License.
width: 100%;
margin-bottom: 12px;
&.mx_VideoFeed_voice {
background-color: #17191c; // Same on both themes
display: flex;
align-items: center;
justify-content: center;
min-width: 160px;
min-height: 90px;
}
&.mx_VideoFeed_video {
background-color: transparent;
}

5
src/components/views/voip/VideoFeed.tsx
View file

@ -151,7 +151,10 @@ export default class VideoFeed extends React.Component<IProps, IState> {
if (this.state.videoMuted) {
const member = this.props.feed.getMember();
const avatarSize = this.props.pipMode ? 76 : 160;
let avatarSize;
if (this.props.pipMode) avatarSize = 76;
else if (!this.props.primary) avatarSize = 34;
else avatarSize = 160;
return (
<div className={classnames(videoClasses)} >