Merge pull request #700 from MetaPhase-Consulting/fix/ie-11-image-ren…

…dering Fix jagged image rendering in IE11 by using low-res versions of images
MetaPhase-Consulting · Feb 10, 2020 · 5d7f1c7 · 5d7f1c7
2 parents de17e5e + 097499b
commit 5d7f1c7
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 13 deletions.
diff --git a/public/assets/logos/png/horizontal_color_thin-sm.png b/public/assets/logos/png/horizontal_color_thin-sm.png
diff --git a/public/assets/logos/png/horizontal_white_thin-sm.png b/public/assets/logos/png/horizontal_white_thin-sm.png
diff --git a/public/assets/logos/png/hr-logo-white-sm.png b/public/assets/logos/png/hr-logo-white-sm.png
diff --git a/src/Components/Footer/Footer.jsx b/src/Components/Footer/Footer.jsx
@@ -2,10 +2,9 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { getAssetPath } from 'utilities';
-import logo from '../../assets/logos/png/horizontal_color.png';
 
-const hrFooterLogo = getAssetPath('/assets/logos/png/hr-logo-white.png');
-const tmFooterLogo = getAssetPath('/assets/logos/png/horizontal_white_thin.png');
+const hrFooterLogo = getAssetPath('/assets/logos/png/hr-logo-white-sm.png');
+const tmFooterLogo = getAssetPath('/assets/logos/png/horizontal_white_thin-sm.png');
 
 const version = process.env.VERSION;
 

diff --git a/src/Components/Footer/__snapshots__/Footer.test.jsx.snap b/src/Components/Footer/__snapshots__/Footer.test.jsx.snap
@@ -80,7 +80,7 @@ exports[`Footer Component matches snapshot 1`] = `
           <img
             alt="Bureau of Human Resources logo"
             className="usa-footer-logo-img logo-img-hr"
-            src="/assets/logos/png/hr-logo-white.png"
+            src="/assets/logos/png/hr-logo-white-sm.png"
           />
         </div>
         <div
@@ -89,7 +89,7 @@ exports[`Footer Component matches snapshot 1`] = `
           <img
             alt="TalentMAP logo"
             className="usa-footer-logo-img-tm logo-img-tm"
-            src="/assets/logos/png/horizontal_white_thin.png"
+            src="/assets/logos/png/horizontal_white_thin-sm.png"
           />
         </div>
       </div>

diff --git a/src/Components/Header/Header.jsx b/src/Components/Header/Header.jsx
@@ -22,8 +22,8 @@ import InteractiveElement from '../InteractiveElement';
 import BetaHeader from './BetaHeader';
 import ClientHeader from '../ClientHeader';
 
-const logo = getAssetPath('/assets/logos/png/horizontal_white_thin.png');
-const hrFooterLogo = getAssetPath('/assets/logos/png/hr-logo-white.png');
+const logo = getAssetPath('/assets/logos/png/horizontal_white_thin-sm.png');
+const hrFooterLogo = getAssetPath('/assets/logos/png/hr-logo-white-sm.png');
 
 export class Header extends Component {
   constructor(props) {

diff --git a/src/Components/Header/__snapshots__/Header.test.jsx.snap b/src/Components/Header/__snapshots__/Header.test.jsx.snap
@@ -45,12 +45,12 @@ exports[`Header matches snapshot when logged in 1`] = `
             <img
               alt="Bureau of Human Resources logo"
               className="logo-img-hr"
-              src="/assets/logos/png/hr-logo-white.png"
+              src="/assets/logos/png/hr-logo-white-sm.png"
             />
             <img
               alt="TalentMAP logo"
               className="logo-img-tm"
-              src="/assets/logos/png/horizontal_white_thin.png"
+              src="/assets/logos/png/horizontal_white_thin-sm.png"
             />
           </Link>
         </div>
@@ -138,12 +138,12 @@ exports[`Header matches snapshot when logged out 1`] = `
             <img
               alt="Bureau of Human Resources logo"
               className="logo-img-hr"
-              src="/assets/logos/png/hr-logo-white.png"
+              src="/assets/logos/png/hr-logo-white-sm.png"
             />
             <img
               alt="TalentMAP logo"
               className="logo-img-tm"
-              src="/assets/logos/png/horizontal_white_thin.png"
+              src="/assets/logos/png/horizontal_white_thin-sm.png"
             />
           </Link>
         </div>

diff --git a/src/Components/HomePageBanner/HomePageBanner.jsx b/src/Components/HomePageBanner/HomePageBanner.jsx
@@ -9,7 +9,7 @@ import LinkButton from '../LinkButton';
 import { positionCountFetchData } from '../../actions/positionCount';
 import { getAssetPath } from '../../utilities';
 
-const logo = getAssetPath('/assets/logos/png/horizontal_color_thin.png');
+const logo = getAssetPath('/assets/logos/png/horizontal_color_thin-sm.png');
 
 export const formatNum = n => numeral(n).format('0,0');
 

diff --git a/src/Components/HomePageBanner/__snapshots__/HomePageBanner.test.jsx.snap b/src/Components/HomePageBanner/__snapshots__/HomePageBanner.test.jsx.snap
@@ -9,7 +9,7 @@ exports[`HomePageBanner Component matches snapshot 1`] = `
   >
     <img
       alt="TalentMAP logo"
-      src="/assets/logos/png/horizontal_color_thin.png"
+      src="/assets/logos/png/horizontal_color_thin-sm.png"
     />
     <div>