Merge pull request #407 from Netcentric/NCBIZ001-webperformance-impro…

…vements Ncbiz001 webperformance improvements
Netcentric · Aug 6, 2024 · ef76713 · ef76713
2 parents bfffa3a + 0e4d006
commit ef76713
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 12 deletions.
diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css
@@ -276,14 +276,6 @@
         grid-template-columns: 1fr 1fr;
     }
 
-    .cards.teaser.background > ul > li > div:nth-last-child(2) {
-        width: 45%;
-    }
-
-    .cards.teaser.background > ul > li > div:last-child {
-        width: 45%;
-    }
-
     .cards.teaser > ul > li {
         display: grid;
         grid-gap: 30px;

diff --git a/blocks/cards/cards.js b/blocks/cards/cards.js
@@ -27,6 +27,7 @@ export default function decorate(block) {
   /* change to ul, li */
   const ul = document.createElement('ul');
   [...block.children].forEach((row) => {
+    const linkName = row.querySelector('h5 a')?.getAttribute('title');
     const li = document.createElement('li');
     li.innerHTML = row.innerHTML;
     [...li.children].forEach((div) => {
@@ -35,6 +36,9 @@ export default function decorate(block) {
         li.classList.add(`cards-card-bg-${div.textContent}`);
       } else if (div.children.length === 1 && div.querySelector('picture')) {
         div.className = 'cards-card-image';
+        if (linkName) {
+          div.querySelector('a')?.setAttribute('title', linkName);
+        }
       } else {
         div.className = 'cards-card-body';
       }

diff --git a/blocks/header/header.js b/blocks/header/header.js
@@ -237,6 +237,7 @@ export default async function decorate(block) {
     searchButton.type = 'submit';
     searchButton.className = 'search-submit';
     searchButton.appendChild(searchIcon);
+    searchButton.setAttribute('aria-label', window.placeholders?.default?.search || 'Search');
     searchForm.appendChild(searchButton);
     searchForm.addEventListener('submit', (e) => {
       e.preventDefault();

diff --git a/blocks/leader-profiles/leader-profiles.css b/blocks/leader-profiles/leader-profiles.css
@@ -20,6 +20,7 @@
 .leader-profiles .leader-profile-image img {
   display: block;
   height: 100%;
+  object-fit: cover;
 }
 
 .leader-profiles .leader-profile-heading {

diff --git a/styles/styles.css b/styles/styles.css
@@ -40,16 +40,17 @@
   --c-mid-blue: #6aa2dc;
   --c-mid-plum: #7373d8;
   --c-mid-gray: #97999b;
+  --c-mid-darkblue: #2f78c4;
   --c-midnight-blue: #000048; /* cognizant color */
   --c-mid-teal: #26efe9;
   --c-red: #b81f2d;
   --c-yellow: #e9c71d;
   --c-white: #fff;
 
   /* social colors */
-  --twitter: #1d9bf0;
-  --facebook: #3b5998;
-  --linked-in: #007bb5;
+  --twitter: #2f78c4;
+  --facebook: #2e308e;
+  --linked-in: #000048;
   --git: #24292e;
   --rss: #f26522;
   --youtube: #c4302b;
@@ -520,7 +521,7 @@ main .section.light-blue h5 {
 }
 
 main .section.mid-blue {
-  background-color: var(--c-mid-blue);
+  background-color: var(--c-mid-darkblue);
   color: var(--bg-text-mid-blue);
 }