Fix anchor tags scrolling to the wrong place when fixed navbar is ena…

…bled (#82)
redlib-org · Apr 7, 2024 · e6b9a2e · e6b9a2e
1 parent d4a2b3e
commit e6b9a2e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/static/style.css b/static/style.css
@@ -112,6 +112,16 @@ pre, form, fieldset, table, th, td, select, input {
 	font-family: "Inter", sans-serif;
 }
 
+html.fixed_navbar {
+	scroll-padding-top: 50px;
+}
+
+@media screen and (max-width: 800px) {
+	html.fixed_navbar {
+		scroll-padding-top: 100px;
+	}
+}
+
 body {
 	background: var(--background);
 	padding-bottom: var(--footer-height);
@@ -1729,4 +1739,4 @@ td, th {
 .quality-selector option:hover {
 	background-color: var(--accent);
 	color: var(--text);
-}
+}
diff --git a/templates/base.html b/templates/base.html
@@ -1,7 +1,7 @@
 {% import "utils.html" as utils %}
 
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="{% if prefs.fixed_navbar == "on" %}fixed_navbar{% endif %}">
 	<head>
 		{% block head %}
 		<title>{% block title %}Redlib{% endblock %}</title>