Merge pull request #170 from digi-trust/master

CMP locator frame, tweaks to responsiveness

Author: SupahNickie

src/components/popup/intro/intro.less

@@ -1,17 +1,29 @@
 .flexColumn {
-	flex-direction: column;
+	@media (max-width: 480px) {
+		flex-direction: row;
+	}
+	@media (min-width: 481px) {
+		flex-direction: column;
+	}
 }
 
+
 div.intro {
 	align-items: center;
 	padding: 0 4em;
 	max-height: 100%;
 
 	.top {
-		max-height: 425px;
 		margin-bottom: 75px;
 		overflow: auto;
 
+		@media (max-width: 480px) {
+			max-height: calc(100vh - 75px);
+		}
+		@media (min-width: 481px) {
+			max-height: 425px;
+		}
+
 		.logo {
 			display: block;
 			margin: 20px auto 10px auto;
@@ -27,6 +39,7 @@ div.intro {
 	.description {
 		margin: 2em 0;
 		overflow: auto;
+		max-height: 150px;
 		text-align: center;
 	}
 	.options {

src/lib/init.js

@@ -66,6 +66,21 @@ export function init(configUpdates) {
 					cmp.gdprAppliesLanguage = response.language;
 					cmp.gdprAppliesLocation = response.location;
 				}).then((response) => {
+					function addLocatorFrame() {
+						if (!window.frames['__cmpLocator']) {
+							if (document.body) {
+								var frame = document.createElement('iframe');
+								frame.style.display = 'none';
+								frame.name = '__cmpLocator';
+								document.body.appendChild(frame);
+							}
+							else {
+								setTimeout(addLocatorFrame, 5);
+							}
+						}
+					}
+
+					addLocatorFrame();
 					store.updateIsEU(response.applies);
 
 					// Render the UI