haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(virtual-background): Add placeholder on virtual background preview

This commit is contained in:
Tudor D. Pop 2021-05-11 17:25:49 +03:00 committed by GitHub
parent 6e91665987
commit 5e4753888e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/modals/virtual-background/_virtual-background.scss
View File

@ -1,4 +1,5 @@
.virtual-background-dialog {
position: relative;
max-height: 300px;
color: white;
display: inline-grid;
@ -107,6 +108,7 @@
vertical-align: middle;
line-height: 60px;
}
@media (min-width: 432px) and (max-width: 632px) {
font-size: 1.5vw;
.virtual-background-none, .thumbnail, .thumbnail-selected, .none-selected, .blur, .blur-selected, .slight-blur, .slight-blur-selected{
@ -179,8 +181,20 @@
}
.video-preview-loader{
border-radius: 6px;
background-color: transparent;
height: 250px;
margin-bottom: 8px;
width: 572px;
position: fixed;
left: 50%;
top: 35%;
transform: translate(-50%,-35%);
}
z-index: 2;
@media (min-width: 432px) and (max-width: 632px) {
width: 340px;
}
}
.video-preview-loader svg{
position: absolute;
top: 40%;
left: 45%;
}