Merge pull request #194 from UTACM/86-fix-floating-footer

Fix floating footer #86
UTACM · Mar 21, 2020 · 0d6498a · 0d6498a
2 parents 0b51a61 + 4d1a6bf
commit 0d6498a
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 3 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -222,7 +222,7 @@
 	}
 
 /* Grid */
-    
+
 	.row {
 		border-bottom: solid 1px transparent;
 		-moz-box-sizing: border-box;
@@ -3798,6 +3798,14 @@
 		padding-top: 0em;
 	}
 
+	body #footer-special {
+		padding-top: 0em;
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+
+	}
+
 	div:not([name="!body"]){
     	padding-top: 0em;
 	}

diff --git a/assets/js/faq.js b/assets/js/faq.js
@@ -34,6 +34,8 @@ function buildFAQTable(data) {
 		content += '<p id="answer' + index + '" class="hideAnswer">' + data[index][answersColumn] + '</p>';
 		index++;
 	});
+  // Extends body to accomdate for tall footer on very small devices (e.g. iPhone 5/5S/SE)
+  content += "<br></br><br></br>";
 	return content;
 }
 

diff --git a/assets/js/forms.js b/assets/js/forms.js
@@ -65,6 +65,8 @@ function buildAllForms(data) {
 	content += "<a href='" + public_spreadsheet_url + "'><button class='button admin'>Edit Forms List</button></a>";
 
 	content += "</div>";
+	// Extends body to accomdate for tall footer on very small devices (e.g. iPhone 5/5S/SE)
+	content += "<br></br><br></br>";
 	return content;
 }
 

diff --git a/faq.html b/faq.html
@@ -61,7 +61,7 @@
 		</section>
 
 		<!-- Footer -->
-		<footer id="footer">
+		<footer id="footer-special">
 			<iframe src="footer.html" frameborder="0" scrolling="no" width="100%" id="footer-iframe"></iframe>
 		</footer>
 

diff --git a/forms.html b/forms.html
@@ -69,7 +69,7 @@
 		</section>
 
 		<!-- Footer -->
-		<footer id="footer">
+		<footer id="footer-special">
 			<iframe src="footer.html" frameborder="0" scrolling="no" width="100%" id="footer-iframe"></iframe>
 		</footer>