From: Jonathan S. Katz <jonathan.katz@excoventures.com>
Date: Mon, 7 Feb 2022 14:10:19 +0000 (-0500)
Subject: Adjust rules for sponsor logo rendering
X-Git-Url: http://git.postgresql.org/gitweb/?a=commitdiff_plain;h=6214874129187d11057c23cfb5e6f6c65654bbac;p=pgweb.git

Adjust rules for sponsor logo rendering

This moves from forcing all the images to scale to a 150px width
to setting a max width/height value (150/65).
---

diff --git a/media/css/main.css b/media/css/main.css
index e7b1455c..4bc6278d 100644
--- a/media/css/main.css
+++ b/media/css/main.css
@@ -1473,6 +1473,16 @@ table.sponsor-table tbody tr td:nth-child(3) {
   width: 30%;
 }
 
+/**
+* This sets the rule for the rendering in the sponsors table. The name is chosen
+* to ensure compatibility with various browser plugins that may otherwise hide
+* images.
+**/
+img.organisation-logo {
+  max-height: 65px;
+  max-width: 150px;
+}
+
 /** Release Notes */
 #release-notes .navheader,
 #release-notes .navfooter,
diff --git a/templates/sponsors/sponsors.html b/templates/sponsors/sponsors.html
index 3cb43d79..d1f801a3 100644
--- a/templates/sponsors/sponsors.html
+++ b/templates/sponsors/sponsors.html
@@ -21,7 +21,7 @@ for each company shown.</p>
           <tr>
             <th scope="row">
               <a href="{{ sponsor.url }}" target="_blank" rel="noopener">
-                <img width="150" src="/media/img/about/sponsors/{{ sponsor.logoname }}" alt="{{ sponsor.name }}" />
+                <img class="organisation-logo" src="/media/img/about/sponsors/{{ sponsor.logoname }}" alt="{{ sponsor.name }}" />
               </a>
             </th>
             <td>