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.
This commit is contained in:
Jason Benedetti 2019-08-22 14:58:35 +02:00 committed by GitHub
parent 1030a8305c
commit b595ca0ce5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions

View File

@ -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>';
}