css: make footer sticky.

This commit is contained in:
evazion
2022-01-27 13:18:45 -06:00
parent c292c457ca
commit 6fbca01a23
5 changed files with 9 additions and 3 deletions

View File

@@ -266,7 +266,7 @@ module ApplicationHelper
{ {
lang: "en", lang: "en",
class: "c-#{controller_param} a-#{action_param}", class: "c-#{controller_param} a-#{action_param} flex flex-col",
spellcheck: "false", spellcheck: "false",
data: { data: {
controller: controller_param, controller: controller_param,

View File

@@ -6,6 +6,10 @@ html {
text-size-adjust: none; text-size-adjust: none;
} }
html, body {
height: 100%;
}
*, ::before, ::after { *, ::before, ::after {
box-sizing: border-box; box-sizing: border-box;
} }

View File

@@ -95,7 +95,9 @@ $spacer: 0.25rem; /* 4px */
.flex-1 { flex: 1 1 0%; } .flex-1 { flex: 1 1 0%; }
.flex-auto { flex: 1 1 auto; } .flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-grow-1 { flex-grow: 1; } .flex-grow-1 { flex-grow: 1; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; } .items-center { align-items: center; }
.justify-center { justify-content: center; } .justify-center { justify-content: center; }

View File

@@ -78,7 +78,7 @@
</nav> </nav>
</header> </header>
<div id="page"> <div id="page" class="flex-1">
<%= render "users/verification_notice" %> <%= render "users/verification_notice" %>
<% if Danbooru.config.is_promotion? && cookies[:hide_winter_sale_notice].blank? %> <% if Danbooru.config.is_promotion? && cookies[:hide_winter_sale_notice].blank? %>

View File

@@ -1,4 +1,4 @@
<footer id="page-footer" class="text-sm"> <footer id="page-footer" class="text-sm flex-initial">
<span class="page-footer-app-name"><%= Danbooru.config.app_name %></span> <span class="page-footer-app-name"><%= Danbooru.config.app_name %></span>
/ <%= link_to "Rules", terms_of_service_path %> / <%= link_to "Rules", terms_of_service_path %>
/ <%= link_to "Contact", contact_path %> / <%= link_to "Contact", contact_path %>