Avoid vertical scrolling caused by the footer even when the page con…

…tent is short. fixes #395
sqlpage · Jun 18, 2024 · 1165217 · 1165217
1 parent 8ed051f
commit 1165217
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,7 @@
  - Prevent form validation and give a helpful error message when an user tries to submit a form with a file upload field that is above the maximum file size.
    - ![file upload too large](https://github.com/lovasoa/SQLpage/assets/552629/1c684d33-49bd-4e49-9ee0-ed3f0d454ced)
  - Fix a bug in [`sqlpage.read_file_as_data_url`](https://sql.ophir.dev/functions.sql?function=read_file_as_data_url#function) where it would truncate the mime subtype of the file. This would cause the browser to refuse to display SVG files, for instance.
+ - Avoid vertical scrolling caused by the footer even when the page content is short.
 
 ## 0.23.0 (2024-06-09)
 

diff --git a/sqlpage/sqlpage.css b/sqlpage/sqlpage.css
@@ -33,11 +33,16 @@ td > p {
 }
 
 /* orchidjs/tom-select#712 */
-.ts-wrapper.multi .ts-control>div.active {
+.ts-wrapper.multi .ts-control > div.active {
   border: 1px solid transparent !important;
 }
 
 :root {
   /* Workaround for https://github.com/tabler/tabler/issues/1879 */
   --tblr-text-secondary-rgb: var(--tblr-secondary-rgb);
-}
+}
+
+.page {
+  /* Leave space for the footer */
+  min-height: calc(100% - 3rem);
+}