Browse Source

Add higher encapsulation level to enhance design abilities

FR : Ajout de plusieurs <div> et <span> non stylisées pour faciliter le travail d'intégration et de design simplement via du CSS, notamment sur l'apparence de boutons par rapport aux textes.

EN : Add some <div> and <span> "unstylished" to enhance the integration and design work via simple CSS rules, especially about the buttons appearance compared to the texts.
Jason Benedetti 5 years ago
parent
commit
b595ca0ce5
1 changed files with 9 additions and 1 deletions
  1. 9 1
      tarteaucitron.js

+ 9 - 1
tarteaucitron.js

@@ -329,9 +329,11 @@ var tarteaucitron = {
 
                 if (tarteaucitron.parameters.highPrivacy && !tarteaucitron.parameters.AcceptAllCta) {
                     html += '<div id="tarteaucitronAlertBig" class="tarteaucitronAlertBig' + orientation + '">';
+                    html += '<div class="tarteaucitronAlertBigWrapper">';
                     html += '   <span id="tarteaucitronDisclaimerAlert">';
                     html += '       ' + tarteaucitron.lang.alertBigPrivacy;
                     html += '   </span>';
+                    html += '   <span class="tarteaucitronAlertBigBtnWrapper">';
                     html += '   <button type="button" id="tarteaucitronPersonalize" onclick="tarteaucitron.userInterface.openPanel();">';
                     html += '       ' + tarteaucitron.lang.personalize;
                     html += '   </button>';
@@ -341,10 +343,13 @@ var tarteaucitron = {
                         html += '       ' + tarteaucitron.lang.privacyUrl;
                         html += '   </button>';
                     }
-
+                    
+                    html += '   </span>';
+                    html += '</div>';
                     html += '</div>';
                 } else {
                     html += '<div id="tarteaucitronAlertBig" class="tarteaucitronAlertBig' + orientation + '">';
+                    html += '<div class="tarteaucitronAlertBigWrapper">';
                     html += '   <span id="tarteaucitronDisclaimerAlert">';
 
                     if (tarteaucitron.parameters.highPrivacy) {
@@ -354,6 +359,7 @@ var tarteaucitron = {
                     }
 
                     html += '   </span>';
+                    html += '   <span class="tarteaucitronAlertBigBtnWrapper">';
                     html += '   <button type="button" id="tarteaucitronPersonalize" onclick="tarteaucitron.userInterface.respondAll(true);">';
                     html += '       &#10003; ' + tarteaucitron.lang.acceptAll;
                     html += '   </button>';
@@ -367,6 +373,8 @@ var tarteaucitron = {
                         html += '   </button>';
                     }
 
+                    html += '   </span>';
+                    html += '</div>';
                     html += '</div>';
                     html += '<div id="tarteaucitronPercentage"></div>';
                 }