Set banner close button background/opacity with Bootstrap

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 40392cdae5362963ce5f8fb96e1e84b7f09ade6e..023dcdca7557236624eafda36dc9c153a1650e1f 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -446,11 +446,6 @@ body.small-nav {
       display: block;
       width: $sidebarWidth;
     }
-
-    button.btn-close {
-      background-color: rgba(255, 255, 255, 0.5);
-      opacity: 1.0;
-    }
   }
 
   #map {

diff --git a/app/views/layouts/_banner.html.erb b/app/views/layouts/_banner.html.erb
index bbd9e22e2460f84a210c9ba4c90cfda1fa419c5a..f6b866ff91e1267287c483bdd9e6aaa68fd8ec65 100644 (file)
--- a/app/views/layouts/_banner.html.erb
+++ b/app/views/layouts/_banner.html.erb
@@ -2,7 +2,7 @@
   <%= tag.div :id => "banner", :data => { :bs_theme => token_list(:dark => banner[:dark]) } do %>
     <%= link_to (image_tag banner[:img], :srcset => banner[:srcset], :alt => banner[:alt], :title => banner[:alt]), banner[:link] %>
     <button type="button"
-            class="btn-close position-absolute top-0 end-0 m-4"
+            class="btn-close position-absolute top-0 end-0 m-4 opacity-100 bg-white bg-opacity-50"
             id="<%= banner_cookie(banner[:id]) %>"
             aria-label="<%= t("javascripts.close") %>"></button>
   <% end %>