Browse Source

Add policy section

master
Ilya Daynatovich 8 years ago
parent
commit
a63bb5d906

+ 10
- 0
css/_policy.scss View File

@@ -1,5 +1,15 @@
1 1
 .policy {
2 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 View File

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

+ 9
- 0
css/overlay/_overlay.scss View File

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

+ 15
- 2
modules/UI/gum_overlay/UserMediaPermissionsGuidanceOverlay.js View File

@@ -1,4 +1,4 @@
1
-/* global */
1
+/* global interfaceConfig */
2 2
 
3 3
 import Overlay from '../overlay/Overlay';
4 4
 
@@ -27,7 +27,7 @@ class GUMOverlayImpl extends Overlay {
27 27
         let title = 'HipChat Video needs to use your microphone and camera.';
28 28
         let text;
29 29
         text = 'Select "Allow" when your browser asks for these permissions.';
30
-        return (
30
+        let content = (
31 31
             `<div class="inlay">
32 32
                 <span class="inlay__icon icon-microphone"></span>
33 33
                 <span class="inlay__icon icon-camera"></span>
@@ -35,6 +35,19 @@ class GUMOverlayImpl extends Overlay {
35 35
                 <span class='inlay__text'>${text}</span>
36 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…
Cancel
Save