diff --git a/css/_policy.scss b/css/_policy.scss index c19396947..73e303bcf 100644 --- a/css/_policy.scss +++ b/css/_policy.scss @@ -1,5 +1,15 @@ .policy { &__logo { + display: block; + width: 200px; + height: 50px; + margin: 30px auto 0; + } + &__text { + text-align: center; + font-size: 14px; + line-height: 21px; + font-weight: 300; } } \ No newline at end of file diff --git a/css/main.scss b/css/main.scss index 532c90212..677c536b9 100644 --- a/css/main.scss +++ b/css/main.scss @@ -65,5 +65,6 @@ @import "connection-info"; @import 'aui-components/dropdown'; @import '404'; +@import 'policy'; /* Modules END */ diff --git a/css/overlay/_overlay.scss b/css/overlay/_overlay.scss index f0f9190f7..4e993da55 100644 --- a/css/overlay/_overlay.scss +++ b/css/overlay/_overlay.scss @@ -10,14 +10,23 @@ } &__content { + position: absolute; margin: 0 auto; + height: 100%; width: 56%; + left: 50%; + @include transform(translateX(-50%)); &_bottom { position: absolute; bottom: 0; } } + + &__policy { + position: absolute; + bottom: 24px; + } } .inlay { diff --git a/modules/UI/gum_overlay/UserMediaPermissionsGuidanceOverlay.js b/modules/UI/gum_overlay/UserMediaPermissionsGuidanceOverlay.js index 8140ea5c9..2f862f203 100644 --- a/modules/UI/gum_overlay/UserMediaPermissionsGuidanceOverlay.js +++ b/modules/UI/gum_overlay/UserMediaPermissionsGuidanceOverlay.js @@ -1,4 +1,4 @@ -/* global */ +/* global interfaceConfig */ import Overlay from '../overlay/Overlay'; @@ -27,7 +27,7 @@ class GUMOverlayImpl extends Overlay { let title = 'HipChat Video needs to use your microphone and camera.'; let text; text = 'Select "Allow" when your browser asks for these permissions.'; - return ( + let content = ( `
@@ -35,6 +35,19 @@ class GUMOverlayImpl extends Overlay { ${text}
` ); + + if (interfaceConfig.HAS_POLICY) { + content += ( + `
+

+ +
` + ); + } + + return content; } }