Merge pull request #19 from tagconcierge/develop

1.2.2
tagconcierge · Jun 4, 2024 · d15c75f · d15c75f
2 parents ef456cc + 09ec482
commit d15c75f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
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";