Add policy section

This commit is contained in:
Ilya Daynatovich 2016-10-31 18:23:28 +02:00
parent 647f577332
commit a63bb5d906
4 changed files with 35 additions and 2 deletions

View File

@ -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;
}
}

View File

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

View File

@ -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 {

View File

@ -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 = (
`<div class="inlay">
<span class="inlay__icon icon-microphone"></span>
<span class="inlay__icon icon-camera"></span>
@ -35,6 +35,19 @@ class GUMOverlayImpl extends Overlay {
<span class='inlay__text'>${text}</span>
</div>`
);
if (interfaceConfig.HAS_POLICY) {
content += (
`<div class="policy overlay__policy">
<p class="policy__text" data-i18n="policyText"></p>
<div class="policy__logo">
<img src=""/>
</div>
</div>`
);
}
return content;
}
}