barista: Use smaller images for contributors.

dynatrace-oss · Mar 19, 2020 · a56a748 · a56a748
1 parent ac1cbd2
commit a56a748
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.html b/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.html
@@ -7,7 +7,11 @@
     class="ba-contributors-list-item"
   >
     <a [href]="_profileUrl(contributor.githubuser)">
-      <img [src]="_imageUrl(contributor.githubuser)" [alt]="contributor.name" />
+      <img
+        [src]="_imageUrl(contributor.githubuser)"
+        [srcset]="_imageSrcset(contributor.githubuser)"
+        [alt]="contributor.name"
+      />
       <span>{{ contributor.name }}</span>
     </a>
   </li>

diff --git a/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.ts b/apps/barista-design-system/src/pages/single-page/components/contributors/contributors.ts
@@ -31,7 +31,14 @@ export class BaContributors {
 
   /** @internal */
   _imageUrl(gitHubUser: string): string {
-    return `https://github.com/${gitHubUser}.png?s=64`;
+    return `https://github.com/${gitHubUser}.png?size=40`;
+  }
+
+  /** @internal */
+  _imageSrcset(gitHubUser: string): string {
+    return `https://github.com/${gitHubUser}.png?size=40 1x,
+      https://github.com/${gitHubUser}.png?size=80 2x,
+      https://github.com/${gitHubUser}.png?size=120 3x`;
   }
 
   /** @internal */