Funding changes.

diff --git a/src/funding/templates/funding/2022/offer_detail.html b/src/funding/templates/funding/2022/offer_detail.html
index b6d89e6..bb5bb9e 100644 (file)
--- a/src/funding/templates/funding/2022/offer_detail.html
+++ b/src/funding/templates/funding/2022/offer_detail.html
@@ -33,7 +33,8 @@
           {% endif %}
         </div>
       </div>
-      <div class="l-checkout__col">
+      <div class="l-checkout__col funding-details">
+        <h2>{% trans "Help free the book!" %}</h2>
         <div class="funding-description">
           {{ object.description|safe }}
         </div>
@@ -43,7 +44,7 @@
             <span class="helptext">
               {{ form.data_processing }}
             </span>
-            <button type="submit">{% trans 'Donate!' %}</button>
+            <button type="submit" class="button-orange">Wesprzyj!</button>
           </form>
         {% else %}
           {{ object.status }}
@@ -81,8 +82,17 @@
             <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Więcej" data-action="Mniej">Więcej</button>
           </div>
         </div>
-      {% endif %}
 
+        <div class="l-checkout__footer__content__item">
+          <h3>Informacja o przetwarzaniu danych osobowych</h3>
+          <div>
+            <div class="l-article__overlay" data-max-height="91">
+              {% chunk 'donation-data-processing' %}
+            </div>
+            <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Więcej" data-action="Mniej">Więcej</button>
+          </div>
+        </div>
+      {% endif %}
     </div>
   </div>
 

diff --git a/src/wolnelektury/static/2022/more.scss b/src/wolnelektury/static/2022/more.scss
index 754578d..0a2ba06 100644 (file)
--- a/src/wolnelektury/static/2022/more.scss
+++ b/src/wolnelektury/static/2022/more.scss
@@ -455,3 +455,13 @@ form {
 .l-change-pop {
     margin-bottom: 18px;
 }
+
+
+.page-simple button.button-orange {
+    background: #FFA500;
+    color: black;
+    transition: all cubic-bezier(0.25, 1, 0.5, 1) 350ms;
+    &:hover {
+        background: #92BD39;
+    }
+}

diff --git a/src/wolnelektury/static/2022/styles/local.scss b/src/wolnelektury/static/2022/styles/local.scss
index d9aafcf..726b1b3 100644 (file)
--- a/src/wolnelektury/static/2022/styles/local.scss
+++ b/src/wolnelektury/static/2022/styles/local.scss
@@ -84,10 +84,15 @@ $teal: #007880;
     right: -210px;
     color: #083F4D;
 }
-.funding-description {
+.funding-details {
     h2 {
         margin-top: 0;
-        font-size: 1.125rem;
-        line-height: 1.35;
+        margin-bottom: 1.5rem;
+    }
+    .funding-description {
+        h2 {
+            font-size: 1.25rem;
+            line-height: 1.35;
+        }
     }
 }