]> git.openstreetmap.org Git - rails.git/blobdiff - app/views/layouts/_banner.html.erb
Set both light and dark banner themes
[rails.git] / app / views / layouts / _banner.html.erb
index bd0c902275013ebfdc7cf155ba3533916e252696..3d2c7f774e1c48c3ab31e85497e7761dd1850be6 100644 (file)
@@ -1,4 +1,9 @@
 <% unless (banner = next_banner()).nil? %>
-<%= link_to (image_tag banner[:img], :alt => banner[:alt], :title => banner[:alt]), banner[:link] %>
-<div class="close-wrap" id="<%= banner_cookie(banner[:id]) %>"><span class="icon close"></span></div>
+  <%= tag.div :id => "banner", :class => "position-relative", :data => { :bs_theme => (banner[:dark] ? "dark" : "light") } 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 opacity-100 bg-white bg-opacity-50"
+            id="<%= banner_cookie(banner[:id]) %>"
+            aria-label="<%= t("javascripts.close") %>"></button>
+  <% end %>
 <% end %>