d4a360c7fb
We were using a "push" div in order to force the footer to the bottom, and were using a wrapper with a minimum height and negative margins. The same thing can be accomplished using flex and making the wrapper fill the empty space, which in my humble opinion simplifies the code and makes it easier to follow. We could further simplify the code by removing the wrapper div or the footer wrapper, although I'm not sure the benefits overcome potential inconveniences caused to other institutions who might have custom styles based on the existence of these wrappers.
38 lines
1.0 KiB
Plaintext
38 lines
1.0 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="<%= I18n.locale %>">
|
|
<head>
|
|
<%= render "layouts/common_head", default_title: setting["org_name"] %>
|
|
<%= render "layouts/meta_tags" %>
|
|
<%= raw setting["html.per_page_code_head"] %>
|
|
</head>
|
|
|
|
<body class="auth-page">
|
|
<%= raw setting["html.per_page_code_body"] %>
|
|
<div class="wrapper">
|
|
<div class="auth-image small-12 medium-3 column">
|
|
<h1 class="logo margin">
|
|
<%= link_to root_path do %>
|
|
<%= image_tag(image_path_for("logo_header.png"), class: "float-left", alt: t("layouts.header.logo")) %>
|
|
<% end %>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="small-12 medium-9 column">
|
|
<div class="row">
|
|
<div class="small-12 medium-9 large-7 small-centered column">
|
|
<div class="auth-form margin">
|
|
<%= render "layouts/flash" %>
|
|
|
|
<%= yield %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<%= render "layouts/footer" %>
|
|
</div>
|
|
</body>
|
|
</html>
|