Merge pull request #1516 from CuBoulder/#1505

Update ucb-brand-bar.css

CHANGELOG.md

@@ -9,6 +9,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- ### Update ucb-brand-bar.css
+  Adding consistent `max-width` and `width` to the logo's link container allows for the SVG to scale properly throughout all browsers.
+
+  Resolves #1505 
+---
+
 - ### Class Notes List: special character fixes
   Previously special characters from Class Notes wouldn't escape properly, such as `&nbsp`. They are now correctly decoded.
 

css/ucb-brand-bar.css

@@ -18,6 +18,17 @@
   padding: 1rem 0;
 }
 
+.ucb-home-link {
+  width: 100%;
+  max-width: 200px;
+  min-width: 160px;
+  height: auto;
+}
+
+.ucb-home-link:has(.ucb-homepage) {
+  max-width: 320px;
+}
+
 .ucb-brand-bar img.ucb-logo {
   width: 100%;
   max-width: 200px;
@@ -28,6 +39,14 @@
 }
 
 @media screen and (min-width: 768px) {
+  .ucb-home-link {
+    max-width: 240px;
+  }
+
+  .ucb-home-link:has(.ucb-homepage) {
+    max-width: 320px;
+  }
+
   .ucb-brand-bar img.ucb-logo {
     max-width: 240px;
   }