Browse Source

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

j8
Tudor D. Pop 4 years ago
parent
commit
5e4753888e
No account linked to committer's email address
1 changed files with 18 additions and 4 deletions
  1. 18
    4
      css/modals/virtual-background/_virtual-background.scss

+ 18
- 4
css/modals/virtual-background/_virtual-background.scss View File

1
 .virtual-background-dialog {
1
 .virtual-background-dialog {
2
+    position: relative;
2
     max-height: 300px;
3
     max-height: 300px;
3
     color: white;
4
     color: white;
4
     display: inline-grid;
5
     display: inline-grid;
107
         vertical-align: middle;
108
         vertical-align: middle;
108
         line-height: 60px;
109
         line-height: 60px;
109
     }
110
     }
111
+
110
     @media (min-width: 432px) and (max-width: 632px) {
112
     @media (min-width: 432px) and (max-width: 632px) {
111
         font-size: 1.5vw;
113
         font-size: 1.5vw;
112
         .virtual-background-none, .thumbnail, .thumbnail-selected, .none-selected, .blur, .blur-selected, .slight-blur, .slight-blur-selected{
114
         .virtual-background-none, .thumbnail, .thumbnail-selected, .none-selected, .blur, .blur-selected, .slight-blur, .slight-blur-selected{
179
  }
181
  }
180
 
182
 
181
  .video-preview-loader{
183
  .video-preview-loader{
184
+     border-radius: 6px;
185
+     background-color: transparent;
186
+     height: 250px;
187
+     margin-bottom: 8px;
188
+     width: 572px;
182
      position: fixed;
189
      position: fixed;
183
-     left: 50%;
184
-     top: 35%;
185
-     transform: translate(-50%,-35%);
186
- }
190
+     z-index: 2;
191
+     @media (min-width: 432px) and (max-width: 632px) {
192
+         width: 340px;
193
+     }
194
+ }
195
+
196
+ .video-preview-loader svg{
197
+    position: absolute;
198
+    top: 40%;
199
+    left: 45%;
200
+ }

Loading…
Cancel
Save