Merge pull request #18 from tagconcierge/release/1.2.2

mfrankiewicz · web-flow · commit 09ec482c93ae · 2024-06-04T19:02:56.000+02:00
fixes bar mode display mode responsiveness and missing wall after set…
diff --git a/src/app.js b/src/app.js
@@ -75,14 +75,16 @@ function saveConsentState(consentState) {
 }
 
 // Components
-function createMain(gtmCookiesConfig) {
+function createMain(config) {
   var main = document.createElement("div");
   main.setAttribute('id', 'consent-banner-main');
+  main.setAttribute('data-mode', config.display.mode);
+  main.setAttribute('data-wall', config.display.wall ?? false);
   main.style.display = 'none';
   return main;
 }
 
-function createWall(gtmCookiesConfig) {
+function createWall(config) {
   var wall = document.createElement("div");
   wall.setAttribute('id', 'consent-banner-wall');
   return wall;
@@ -227,7 +229,9 @@ function showSettings(main) {
 function hideSettings(main) {
   main.style.display = 'block';
   main.querySelector('#consent-banner-settings').style.display = 'none';
-  hideWall(main)
+  if ('true' !== main.getAttribute('data-wall')) {
+    hideWall(main);
+  }
 }
 
 
diff --git a/styles/light.css b/styles/light.css
@@ -142,7 +142,7 @@
   #consent-banner-settings > div > form div:nth-child(2) {
     max-height: none;
   }
-  #consent-banner-modal {
+  #consent-banner-main:not([data-mode="bar"]) #consent-banner-modal {
     width: auto;
     left: 5% !important;
     right: 5% !important;
diff --git a/www/bar.html b/www/bar.html
@@ -1,6 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style type="text/css">
         body {
             font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
diff --git a/www/modal.html b/www/modal.html
@@ -1,6 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style type="text/css">
         body {
             font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

Original file line number	Diff line number	Diff line change
`@@ -142,7 +142,7 @@`
`142`	`142`	`#consent-banner-settings > div > form div:nth-child(2) {`
`143`	`143`	`max-height: none;`
`144`	`144`	`}`
`145`		`- #consent-banner-modal {`
	`145`	`+ #consent-banner-main:not([data-mode="bar"]) #consent-banner-modal {`
`146`	`146`	`width: auto;`
`147`	`147`	`left: 5% !important;`
`148`	`148`	`right: 5% !important;`