Format sponsor logos so they work regardless of light/dark mode.
authorDave Page <[email protected]>
Mon, 22 Jul 2024 14:30:20 +0000 (15:30 +0100)
committerDave Page <[email protected]>
Mon, 22 Jul 2024 14:30:20 +0000 (15:30 +0100)
media/css/main.css
templates/sponsors/contributing.html
templates/sponsors/financial.html

index 80afc3d113cd1992b890ff2b90c04b991290b1b2..cbfea862ed79fc338ee571265c28626dc38765ca 100644 (file)
@@ -1779,6 +1779,12 @@ img.organisation-logo {
   max-height: 65px;
   max-width: 150px;
 }
+th.organisation-logo {
+  height: 65px;
+  width: 150px;
+  background-color: white !important;
+  text-align: center;
+}
 
 /** Release Notes */
 #release-notes .navheader,
index dd055fba21895248bebc7d52474641e30f16b1b3..e62affb5b6d51af40ef890cea8f070736508225c 100644 (file)
@@ -20,7 +20,7 @@
       <tbody>
         {% endifchanged%}
           <tr>
-            <th scope="row">
+            <th scope="row" class="organisation-logo">
               <a href="{{ sponsor.url }}" target="_blank" rel="noopener">
                 <img class="organisation-logo" src="/media/img/about/sponsors/{{ sponsor.logoname }}" alt="{{ sponsor.name }}" />
               </a>
index e5eb5638a708247df03bc24b989ee3f58c62a257..8c0ea7a4eea59833e089d639ee9e78f48363291b 100644 (file)
@@ -70,7 +70,7 @@ levels are used:</p>
   </thead>
   <tbody>
     <tr>
-      <th scope="row">
+      <th scope="row" class="organisation-logo">
         <a href="https://aws.amazon.com" target="_blank" rel="noopener">
           <img class="organisation-logo" src="/media/img/about/sponsors/logo_aws.svg" alt="AWS" />
         </a>
@@ -80,7 +80,7 @@ levels are used:</p>
       <td>Benefactor</td>
     </tr>
     <tr>
-      <th scope="row">
+      <th scope="row" class="organisation-logo">
         <a href="https://xata.io" target="_blank" rel="noopener">
           <img class="organisation-logo" src="/media/img/about/sponsors/logo_xata.svg" alt="Xata" />
         </a>