Merge branch 'main' of github.com:caltechlibrary/CL-web-components into rsdoiel

Author: R. S. Doiel

cl-web-components.js

@@ -1657,12 +1657,13 @@ var FooterGlobal = class extends HTMLElement {
           line-height: 2;
         }
 
-        /* Force Font Awesome rendering inside the component */
-        i.fa {
-          font-family: 'FontAwesome';
-          font-style: normal;
-          font-weight: normal;
-          speak: none;
+        /* Style for SVG icon injected in #footer-login */
+        #footer-login a svg {
+          width: 1.25rem;
+          height: 1.25rem;
+          fill: #fff;
+          display: inline-block;
+          vertical-align: middle;
         }
         </style>
 

footer-global.js

@@ -315,12 +315,13 @@ var FooterGlobal = class extends HTMLElement {
           line-height: 2;
         }
 
-        /* Force Font Awesome rendering inside the component */
-        i.fa {
-          font-family: 'FontAwesome';
-          font-style: normal;
-          font-weight: normal;
-          speak: none;
+        /* Style for SVG icon injected in #footer-login */
+        #footer-login a svg {
+          width: 1.25rem;
+          height: 1.25rem;
+          fill: #fff;
+          display: inline-block;
+          vertical-align: middle;
         }
         </style>
 

src/footer-global.js

@@ -318,12 +318,13 @@ export class FooterGlobal extends HTMLElement {
           line-height: 2;
         }
 
-        /* Force Font Awesome rendering inside the component */
-        i.fa {
-          font-family: 'FontAwesome';
-          font-style: normal;
-          font-weight: normal;
-          speak: none;
+        /* Style for SVG icon injected in #footer-login */
+        #footer-login a svg {
+          width: 1.25rem;
+          height: 1.25rem;
+          fill: #fff;
+          display: inline-block;
+          vertical-align: middle;
         }
         </style>