Skip to content

Commit 21a6432

Browse files
authored
Limit sponsors logo size via CSS (#9708)
* Limit footer sponsors's logo to match same max-width as name and service description * Add missing div from PSF sponsors list to match same HTML structure as the other grids * Increate height spacing and limit logo sizes with padding
1 parent 1b9b5d9 commit 21a6432

File tree

3 files changed

+11
-5
lines changed

3 files changed

+11
-5
lines changed

warehouse/static/sass/blocks/_sponsor-grid.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@
9090
}
9191

9292
&__sponsor-img {
93-
height: 150px;
93+
height: 200px;
9494
width: 250px;
9595
max-width: 100%;
9696
margin: 0 auto;
@@ -101,6 +101,10 @@
101101
@media screen and (max-width: $mobile) {
102102
height: 130px;
103103
}
104+
105+
img {
106+
padding: 2em;
107+
}
104108
}
105109

106110
&__sponsor-activity {

warehouse/static/sass/blocks/_sponsors.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@
7272
}
7373

7474
&__image {
75-
max-height: 45px;
75+
max-width: 100px;
7676
opacity: 0.8;
7777

7878
@media only screen and (max-width: $tablet) {

warehouse/templates/pages/sponsors.html

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -117,9 +117,11 @@ <h2 class="sponsor-grid__sponsor-name">Your company here</h2>
117117
<div class="sponsor-grid__sponsor-img">
118118
{{ sponsor.color_logo_img|camoify|safe }}
119119
</div>
120-
<h2 class="sponsor-grid__sponsor-name">{{ sponsor.name }}</h2>
121-
<div class="sponsor-grid__sponsor-activity">
122-
{{ sponsor.activity|safe }}
120+
<div class="sponsor-grid__sponsor-description">
121+
<h2 class="sponsor-grid__sponsor-name">{{ sponsor.name }}</h2>
122+
<div class="sponsor-grid__sponsor-activity">
123+
{{ sponsor.activity|safe }}
124+
</div>
123125
</div>
124126
<a href="{{ sponsor.link_url }}" target="_blank" rel="noopener" class="sponsor-grid__sponsor-link button">Visit {{ sponsor.name }}</a>
125127
</div>

0 commit comments

Comments
 (0)