Highlight emeritus card

Signed-off-by: Travis Beckham <[email protected]>
linkerd · Oct 30, 2024 · 65b264b · 65b264b
1 parent fac6adf
commit 65b264b
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 15 deletions.
diff --git a/linkerd.io/assets/scss/app/_ambassadors.scss b/linkerd.io/assets/scss/app/_ambassadors.scss
@@ -18,18 +18,22 @@
     .card__footer {
       gap: spacer(1);
     }
-    .ambassadors__badge {
-      position: absolute;
+    &.ambassadors__emeritus {
+      border: solid 2px $blue;
 
-      @media (max-width: breakpoint-max-width("lg")) {
-        left: spacer(4);
-        bottom: spacer(4);
-        width: 128px; // Thumbnail width
-        text-align: center; // Center badge under thumbnail
-      }
-      @media (min-width: breakpoint-min-width("xl")) {
-        top: spacer(3);
-        right: spacer(3);
+      .badge {
+        position: absolute;
+
+        @media (max-width: breakpoint-max-width("lg")) {
+          left: spacer(4);
+          bottom: spacer(4);
+          width: 128px; // Thumbnail width
+          text-align: center; // Center badge under thumbnail
+        }
+        @media (min-width: breakpoint-min-width("xl")) {
+          top: spacer(3);
+          right: spacer(3);
+        }
       }
     }
   }

diff --git a/linkerd.io/layouts/community/ambassadors.html b/linkerd.io/layouts/community/ambassadors.html
@@ -4,11 +4,9 @@
     <div class="page">
       <div class="page__container container">
         {{ range .Params.ambassadors }}
-          <div class="card card--horz card--center card--inset-media">
+          <div class="card card--horz card--center card--inset-media{{ with .emeritus }} ambassadors__emeritus{{ end }}">
             {{ with .emeritus }}
-              <div class="ambassadors__badge">
-                <span class="badge">Emeritus</span>
-              </div>
+              <span class="badge">Emeritus</span>
             {{ end }}
             <div class="card__media">
               {{ $alt := .name }}