f2e32b44b1
In some situations where JavaScript makes content disappear, the height of the element calculated by foundation's equalizer isn't recalculated, leaving blank space at the bottom of the page. I've seen cases where a blank vertical space of 2000 pixels is on the page. Using flexbox solves the problem, since CSS takes care of everything.
44 lines
1.4 KiB
Plaintext
44 lines
1.4 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="<%= I18n.locale %>">
|
|
|
|
<head>
|
|
<%= render "layouts/common_head", default_title: "Admin" %>
|
|
<%= content_for :head %>
|
|
</head>
|
|
|
|
<body class="admin" data-watch-form-message="<%= I18n.t("layouts.admin.watch_form_message") %>">
|
|
<div class="off-canvas-wrapper">
|
|
<div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
|
|
<div class="off-canvas position-left" id="offCanvas" data-off-canvas>
|
|
|
|
<div class="show-for-small-only">
|
|
<%= side_menu %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="off-canvas-content" data-off-canvas-content>
|
|
<%= render "layouts/admin_header" %>
|
|
|
|
<div class="side-menu-and-admin-content no-margin-top">
|
|
<div class="side-menu">
|
|
<div class="show-for-small-only">
|
|
<button type="button" class="button hollow expanded" data-toggle="offCanvas"><%= t("admin.menu.admin") %></button>
|
|
</div>
|
|
|
|
<div id="side_menu" class="hide-for-small-only">
|
|
<%= side_menu %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="admin-content">
|
|
<%= render "layouts/flash" %>
|
|
<%= render "layouts/officing_booth" if controller.class.parent == Officing && session[:booth_id].present? %>
|
|
<%= yield %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|