openstreetmap-website/app/views/layouts/map.html.erb
Andy Allan c233bec67b Use flexbox to position the close icon on the sidebars
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.
2020-10-21 17:11:28 +02:00

88 lines
2.7 KiB
Text

<% content_for :head do %>
<%= javascript_include_tag "index" %>
<% end %>
<% content_for(:body_class) { "map-layout" } %>
<% if current_user and !current_user.home_lon.nil? and !current_user.home_lat.nil? %>
<% content_for :greeting do %>
<%= link_to t("layouts.home"),
"#",
:id => "homeanchor",
:class => "set_position dropdown-item",
:data => { :lat => current_user.home_lat,
:lon => current_user.home_lon,
:zoom => 15 } %>
<% end %>
<% end %>
<% content_for :header do %>
<%= render :partial => "layouts/search", :locals => { :autofocus => false } %>
<% end %>
<% content_for :content do %>
<div id="sidebar">
<%= render :partial => "layouts/search", :locals => { :autofocus => true } %>
<div id="flash">
<%= render :partial => "layouts/flash" %>
</div>
<div id="browse_status"></div>
<div id="sidebar_loader">
<img alt="<%= t("browse.start_rjs.loading") %>" class="loader" src="<%= image_path("searching.gif") %>">
</div>
<div id="sidebar_content">
<%= yield %>
</div>
<% unless current_user %>
<div class="welcome">
<%= render "sidebar_header", :title => t("layouts.intro_header") %>
<p><%= t "layouts.intro_text" %></p>
<p><%= t "layouts.hosting_partners_html",
:ucl => link_to(t("layouts.partners_ucl"), "https://www.ucl.ac.uk"),
:bytemark => link_to(t("layouts.partners_bytemark"), "https://www.bytemark.co.uk"),
:partners => link_to(t("layouts.partners_partners"), "https://hardware.openstreetmap.org/thanks/") %>
</p>
<div class="standard-form">
<a class="button learn-more" href="<%= about_path %>"><%= t("layouts.learn_more") %></a>
<a class="button sign-up" href="<%= user_new_path %>"><%= t("layouts.start_mapping") %></a>
</div>
</div>
<% end %>
<div id="banner">
<%= render :partial => "layouts/banner" %>
</div>
</div>
<noscript>
<div id="noscript">
<p><%= t "site.index.js_1" %></p>
<p><%= t "site.index.js_2" %></p>
</div>
</noscript>
<div id="map-ui">
</div>
<div id="map" tabindex="2">
</div>
<div id="attribution">
<table>
<tr>
<td class="attribution_license"><%= t "site.index.license.license_url" %></td>
<td class="attribution_project"><%= t "site.index.license.project_url" %></td>
</tr>
<tr>
<td colspan="2" class="attribution_notice"><%= t "site.index.license.copyright" %></td>
</tr>
</table>
</div>
<% end %>
<%= render :template => "layouts/site" %>