GitLab is used only for code review, issue tracking and project management. Canonical locations for source code are still https://gitweb.torproject.org/ https://git.torproject.org/ and git-rw.torproject.org.

Commit d7b41813 authored by Hiro's avatar Hiro 🏄

Update css for donate

parent 0062b674
......@@ -12,9 +12,6 @@
}
.donate-header-image-mobile {
display: flex;
width: 100%;
margin: 0 auto;
height: auto;
@include media-breakpoint-up(sm) {
display: none;
}
......@@ -23,15 +20,17 @@
display: none;
@include media-breakpoint-up(sm) {
display: flex;
width: 100%;
max-width: 650px;
margin: 0 auto;
height: auto;
}
}
img {
display: flex;
object-fit: contain;
flex-flow: row nowrap;
width: 100%;
margin: 0 auto;
padding: 0 auto;
height: auto;
align-items: center;
}
}
......
......@@ -8174,10 +8174,7 @@ a.side-nav.active {
.donate-has-image .donate-title {
display: none; }
.donate-has-image .donate-header-image-mobile {
display: flex;
width: 100%;
margin: 0 auto;
height: auto; }
display: flex; }
@media (min-width: 576px) {
.donate-has-image .donate-header-image-mobile {
display: none; } }
......@@ -8186,13 +8183,15 @@ a.side-nav.active {
@media (min-width: 576px) {
.donate-has-image .donate-header-image {
display: flex;
width: 100%;
max-width: 650px;
margin: 0 auto;
height: auto; } }
max-width: 650px; } }
.donate-has-image img {
display: flex;
object-fit: contain;
flex-flow: row nowrap;
width: 100%;
margin: 0 auto;
padding: 0 auto;
height: auto;
align-items: center; }
.header-description {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -17,7 +17,9 @@
<img src="{{ this.header_image | asseturl }}" class="donate-header-image img-fluid" />
{% set idx = this.header_image.index(".png") %}
{% set header_mobile = this.header_image[:idx] + "-mobile" + this.header_image[idx:] %}
<img src="{{ header_mobile | asseturl }}" class="donate-header-image-mobile img-fluid" />
<a href="#giving-form" class="donate-header-image-mobile">
<img src="{{ header_mobile | asseturl }}" class="img-fluid" />
</a>
</div>
</div>
{% else %}
......
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