瀏覽代碼

Add policy section

j8
Ilya Daynatovich 8 年之前
父節點
當前提交
a63bb5d906
共有 4 個文件被更改,包括 35 次插入2 次删除
  1. 10
    0
      css/_policy.scss
  2. 1
    0
      css/main.scss
  3. 9
    0
      css/overlay/_overlay.scss
  4. 15
    2
      modules/UI/gum_overlay/UserMediaPermissionsGuidanceOverlay.js

+ 10
- 0
css/_policy.scss 查看文件

1
 .policy {
1
 .policy {
2
     &__logo {
2
     &__logo {
3
+        display: block;
4
+        width: 200px;
5
+        height: 50px;
6
+        margin: 30px auto 0;
7
+    }
3
 
8
 
9
+    &__text {
10
+        text-align: center;
11
+        font-size: 14px;
12
+        line-height: 21px;
13
+        font-weight: 300;
4
     }
14
     }
5
 }
15
 }

+ 1
- 0
css/main.scss 查看文件

65
 @import "connection-info";
65
 @import "connection-info";
66
 @import 'aui-components/dropdown';
66
 @import 'aui-components/dropdown';
67
 @import '404';
67
 @import '404';
68
+@import 'policy';
68
 
69
 
69
 /* Modules END */
70
 /* Modules END */

+ 9
- 0
css/overlay/_overlay.scss 查看文件

10
     }
10
     }
11
 
11
 
12
     &__content {
12
     &__content {
13
+        position: absolute;
13
         margin: 0 auto;
14
         margin: 0 auto;
15
+        height: 100%;
14
         width: 56%;
16
         width: 56%;
17
+        left: 50%;
18
+        @include transform(translateX(-50%));
15
 
19
 
16
         &_bottom {
20
         &_bottom {
17
             position: absolute;
21
             position: absolute;
18
             bottom: 0;
22
             bottom: 0;
19
         }
23
         }
20
     }
24
     }
25
+
26
+    &__policy {
27
+        position: absolute;
28
+        bottom: 24px;
29
+    }
21
 }
30
 }
22
 
31
 
23
 .inlay {
32
 .inlay {

+ 15
- 2
modules/UI/gum_overlay/UserMediaPermissionsGuidanceOverlay.js 查看文件

1
-/* global */
1
+/* global interfaceConfig */
2
 
2
 
3
 import Overlay from '../overlay/Overlay';
3
 import Overlay from '../overlay/Overlay';
4
 
4
 
27
         let title = 'HipChat Video needs to use your microphone and camera.';
27
         let title = 'HipChat Video needs to use your microphone and camera.';
28
         let text;
28
         let text;
29
         text = 'Select "Allow" when your browser asks for these permissions.';
29
         text = 'Select "Allow" when your browser asks for these permissions.';
30
-        return (
30
+        let content = (
31
             `<div class="inlay">
31
             `<div class="inlay">
32
                 <span class="inlay__icon icon-microphone"></span>
32
                 <span class="inlay__icon icon-microphone"></span>
33
                 <span class="inlay__icon icon-camera"></span>
33
                 <span class="inlay__icon icon-camera"></span>
35
                 <span class='inlay__text'>${text}</span>
35
                 <span class='inlay__text'>${text}</span>
36
             </div>`
36
             </div>`
37
         );
37
         );
38
+
39
+        if (interfaceConfig.HAS_POLICY) {
40
+            content += (
41
+                `<div class="policy overlay__policy">
42
+                    <p class="policy__text" data-i18n="policyText"></p>
43
+                    <div class="policy__logo">
44
+                        <img src=""/>
45
+                    </div>
46
+                </div>`
47
+            );
48
+        }
49
+
50
+        return content;
38
     }
51
     }
39
 }
52
 }
40
 
53
 

Loading…
取消
儲存