Feat: Tweak box mode of consent modal according to graphic design #CC…

…M-47
lmc-eu · Feb 10, 2022 · 18adcf3 · 18adcf3
1 parent 885c04e
commit 18adcf3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/scss/settings/_settings.scss b/src/scss/settings/_settings.scss
@@ -10,7 +10,7 @@ $button-padding: calc(#{units.rem2em(tokens.$space-4)} - var(--lmcccm-p-btn-bord
 $button-spacing-x: units.rem2em(tokens.$space-6);
 $button-spacing-y: units.rem2em(tokens.$space-6);
 
-$consent-box-max-width: 30em;
+$consent-box-max-width: 40em;
 $consent-cloud-max-width: 68em;
 
 $modal-padding-desktop: units.rem2em(tokens.$space-7);

diff --git a/src/scss/style/_consent-modal.scss b/src/scss/style/_consent-modal.scss
@@ -8,6 +8,7 @@
  box-shadow: tokens.$shadow-1;
 }
 
+#cm.box,
 #cm.bar {
  padding: units.rem2em(tokens.$space-9);
 }
@@ -29,6 +30,11 @@
  margin-top: 0;
 }
 
+#cm.box #c-bns {
+ justify-content: flex-end;
+}
+
+#cm.box #c-bns .c-bn,
 #cm.bar #c-bns .c-bn {
  width: auto;
  flex: none;