Bug fix: header logo should not underline/border on hover

geobtaa · Sep 26, 2024 · 17f904d · 17f904d
1 parent 23de933
commit 17f904d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/app/assets/stylesheets/geoportal/_footer.scss b/app/assets/stylesheets/geoportal/_footer.scss
@@ -17,7 +17,7 @@ section#footer-app {
   background-color: $btaa-blue;
   border-top: 1rem solid $btaa-blue-dark;
   border-bottom: 0.5rem solid $btaa-blue-dark;
-  background-image: asset_url('footer/elevation_map_mpls_blueish_8.png');
+  background-image: asset_url('footer/elevation_map_mpls_blueish.png');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;

diff --git a/app/assets/stylesheets/geoportal/_navbar.scss b/app/assets/stylesheets/geoportal/_navbar.scss
@@ -10,11 +10,18 @@ $link-color: $white;
 $hover-color: darken($link-color, 20%);
 $visited-color: lighten($link-color, 20%);
 
-div#cic-header-navbar {
+div#b1g-header-navbar {
   margin-bottom:0;
   background-color: darken($btaa-blue, 10%);
   padding-left:0.5rem;
   padding-right:0.5rem;
+
+  a#btaa-logo {
+    &:hover {
+      border-bottom: none !important;
+      text-decoration: none !important;
+    }
+  } 
 }
 
 #header-navbar {

diff --git a/app/views/shared/_header_navbar.html.erb b/app/views/shared/_header_navbar.html.erb
@@ -2,8 +2,8 @@
 <header aria-label='Primary' class="<%= header_classes %>">
   <div id='application-header' class='container-fluid'>
     <nav id="header-navbar" class="navbar navbar-expand-md navbar-dark topbar" role="navigation">
-      <div id="cic-header-navbar">
-        <%= link_to image_tag('btaa-logo-white.png', {height: '80px', alt: 'Big Ten Academic Alliance', style:'margin:0.25rem 0px'}), root_path %>
+      <div id="b1g-header-navbar">
+        <%= link_to image_tag('btaa-logo-white.png', {height: '80px', alt: 'Big Ten Academic Alliance', style:'margin:0.25rem 0px'}), root_path, { id: 'btaa-logo' } %>
       </div>
       <h1><%=link_to "Geoportal", root_path, class: "navbar-brand" %></h1>
         <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#user-util-collapse" aria-controls="user-util-collapse" aria-expanded="false" aria-label="Toggle navigation">