Commit d2927b01 authored by Stephanie Kirtiadi's avatar Stephanie Kirtiadi
Browse files

Added header image on the donate page.

As a part of porting donate tor site to the main Tor repo.
This commit allows the donate page to have header image
if the image is specified. The image is going to be
centered and hopefully has transparent background.

Issue #48275
parent d7048fd3
.donate-has-image {
.donate-title {
@include media-breakpoint-up(sm) {
display: none;
}
}
.donate-header-image {
display: none;
@include media-breakpoint-up(sm) {
display: block;
width: 100%;
max-width: 650px;
margin: 0 auto;
height: auto;
}
}
}
.donate-form {
box-sizing: border-box;
.bold {
......
......@@ -8150,6 +8150,19 @@ a.side-nav.active {
.rectangle {
background: black; } }
@media (min-width: 576px) {
.donate-has-image .donate-title {
display: none; } }
.donate-has-image .donate-header-image {
display: none; }
@media (min-width: 576px) {
.donate-has-image .donate-header-image {
display: block;
width: 100%;
max-width: 650px;
margin: 0 auto;
height: auto; } }
.donate-form {
box-sizing: border-box; }
.donate-form .bold {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -10,6 +10,14 @@
<div class="container bg-dark pt-5">
{% endif %}
<div class="row">
{% if this.html == 'donate-form.html' and this.image|length %}
<div class="col-12 content-center pt-5 donate-has-image">
<div class="row pb-5">
<h2 class="mx-auto display-3 text-white text-capitalize donate-title">{{ this.title }}</h2>
<img src="{{ this.image }}" class="donate-header-image" />
</div>
</div>
{% else %}
<div class="col-12 content-center pt-5">
<div class="row">
<h6 class="mx-auto text-white text-capitalize">{% block section %}{{ this.section }}{% endblock %}</h6>
......@@ -18,6 +26,7 @@
<h2 class="mx-auto display-3 text-white text-capitalize">{% block title %}{{ this.title }}{% endblock %}</h2>
</div>
</div>
{% endif %}
</div>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment