From e6ca238c62a5eedd84c207181d6c51132956eba4 Mon Sep 17 00:00:00 2001
From: Dimas Ciputra <dimas.ciputra@gmail.com>
Date: Fri, 8 Sep 2023 13:05:24 +0700
Subject: [PATCH] Fix sticky category in changelog page (#1445)

---
 django_project/changes/static/js/entry.js             |  3 ++-
 .../changes/templates/version/detail-content.html     |  4 ++--
 django_project/core/base_static/css/form.css          | 11 +++++++++++
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/django_project/changes/static/js/entry.js b/django_project/changes/static/js/entry.js
index 758a10766..7d106b8b8 100644
--- a/django_project/changes/static/js/entry.js
+++ b/django_project/changes/static/js/entry.js
@@ -18,5 +18,6 @@ $(".pop-gif").on("click", function() {
 
 $('.sidebar-offcanvas').stick_in_parent({
     offset_top: 60,
-    inner_scrolling: true
+    inner_scrolling: true,
+    bottoming: false
 });
diff --git a/django_project/changes/templates/version/detail-content.html b/django_project/changes/templates/version/detail-content.html
index 75bf74a34..bded4edf4 100644
--- a/django_project/changes/templates/version/detail-content.html
+++ b/django_project/changes/templates/version/detail-content.html
@@ -52,7 +52,7 @@ <h1>
 {% if version.image_file %}
 
 <div class="row">
-    <div class="col-lg-10">
+    <div class="col-lg-10 col-sm-10">
     <div class="row">
         <div class="col-lg-12">
             {% if not rst_download %}
@@ -107,7 +107,7 @@ <h2 class="text-muted">
     </div>
 
     {% if not rst_download %}
-        <div class="col-lg-2 sidebar-offcanvas" id="sidebar">
+        <div class="col-lg-2 col-sm-2 sidebar-offcanvas" id="sidebar">
             <div class="list-group">
                 <div class="list-group-item" id="list-title">
                     Categories
diff --git a/django_project/core/base_static/css/form.css b/django_project/core/base_static/css/form.css
index c6cc3ca29..a5b8cb0b3 100644
--- a/django_project/core/base_static/css/form.css
+++ b/django_project/core/base_static/css/form.css
@@ -212,4 +212,15 @@
 
 .form-actions {
     padding-bottom: 50px;
+}
+
+@media (min-width:768px) {
+    .sidebar-offcanvas {
+        float: right !important;
+    }
+    .sidebar-offcanvas .list-group {
+        height: 80vh;
+        overflow-y: auto;
+        overflow-x: hidden;
+    }
 }
\ No newline at end of file