Fix sticky category in changelog page (#1445)

kartoza · Sep 8, 2023 · e6ca238 · e6ca238
1 parent b9fc0ce
commit e6ca238
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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;
+    }
 }