From e6b9a2e4266e9709d49f031231a3ac065332f17a Mon Sep 17 00:00:00 2001
From: Butter Cat <ButteredCats@protonmail.com>
Date: Sun, 7 Apr 2024 10:52:59 -0400
Subject: [PATCH] Fix anchor tags scrolling to the wrong place when fixed
navbar is enabled (#82)
---
static/style.css | 12 +++++++++++-
templates/base.html | 2 +-
2 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/static/style.css b/static/style.css
index 95ad789..630c210 100644
--- 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);
-}
\ No newline at end of file
+}
diff --git a/templates/base.html b/templates/base.html
index 61a783a..139c76f 100644
--- 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>