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 { .policy {
&__logo { &__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 "connection-info";
@import 'aui-components/dropdown'; @import 'aui-components/dropdown';
@import '404'; @import '404';
@import 'policy';
/* Modules END */ /* Modules END */

View File

@ -10,14 +10,23 @@
} }
&__content { &__content {
position: absolute;
margin: 0 auto; margin: 0 auto;
height: 100%;
width: 56%; width: 56%;
left: 50%;
@include transform(translateX(-50%));
&_bottom { &_bottom {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
} }
} }
&__policy {
position: absolute;
bottom: 24px;
}
} }
.inlay { .inlay {

View File

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