neos#517 change badge size

NicoleNitschke · Sep 13, 2023 · ef97afc · ef97afc
1 parent b988347
commit ef97afc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/....NeosIo.ServiceOfferings/Resources/Private/JavaScript/Components/ProviderListGridItem.tsx b/....NeosIo.ServiceOfferings/Resources/Private/JavaScript/Components/ProviderListGridItem.tsx
@@ -6,7 +6,7 @@ export default function ProviderListEntry({provider}: {provider: Provider}) {
         <div key={provider.identifier} className="service-providers__grid-row">
             <div className="service-providers__grid-cell service-providers__list-entry__badge">
                 {provider.badges && provider.badges.map((item) =>
-                    <img src={item} alt="" class="service-providers__badge"/>
+                    <img src={item} alt={item.match(/\/badge-(.*?)\.png/)[1] + ' Badge'} class={"service-providers__badge service-providers__badge--" + item.match(/\/badge-(.*?)\.png/)[1]}/>
                 )}
             </div>
             <div className="service-providers__grid-cell service-providers__list-entry__description">

diff --git a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Scss/Main.scss b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Scss/Main.scss
@@ -109,6 +109,13 @@
 
     .service-providers__badge {
       max-width: 80px;
+
+      &.service-providers__badge--platinum {
+        max-width: 95px;
+      }
+      &.service-providers__badge--employer {
+        max-width: 105px;
+      }
     }
 
     .service-providers__grid-logo {