cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use flexbox to position the close icon on the sidebars

Browse source 
This ensures that the text and the close icon don't overlap, regardless
of the length of the title. The title div grows to use all available
space, while ensuring the text breaks if necessary to prevent it from
pushing the close icon offscreen.
This commit is contained in:
Andy Allan 2020-10-15 16:25:33 +02:00
parent 9b19a45e74
commit c233bec67b
14 changed files with 41 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/views/geocoder/search.html.erb
View file

@ -1,9 +1,7 @@
<% set_title(@params[:query]) %>
<h2>
<a class="geolink" href="<%= root_path %>"><span class="icon close"></span></a>
<%= t("site.sidebar.search_results") %>
</h2>
<%= render "sidebar_header", :title => t("site.sidebar.search_results") %>
<% @sources.each do |source| %>
<h4 class="inner12"><%= t(".title.#{source}_html") %></h4>
<div class="search_results_entry" data-href="<%= url_for @params.merge(:action => "search_#{source}") %>">