feat: scrollbar improvement

unfoldadmin · Oct 27, 2023 · d70d1f2 · d70d1f2
1 parent b002d9b
commit d70d1f2
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 225 deletions.
diff --git a/src/unfold/static/unfold/css/simplebar.css b/src/unfold/static/unfold/css/simplebar.css
diff --git a/src/unfold/static/unfold/js/simplebar.js b/src/unfold/static/unfold/js/simplebar.js
diff --git a/src/unfold/templates/unfold/change_list_filter.html b/src/unfold/templates/unfold/change_list_filter.html
@@ -4,7 +4,7 @@
     <label for="show-filters" id="changelist-filter-close" class="flex-grow"></label>
 
     <div class="bg-white flex mr-4 my-4 overflow-hidden rounded shadow-sm w-96 dark:bg-gray-800">
-        <div class="flex-grow h-full overflow-auto relative" data-simplebar>
+        <div class="flex-grow h-full overflow-auto relative">
             <h3 class="border-b flex font-medium mb-6 px-6 py-4 text-gray-700 text-sm dark:text-gray-200 dark:border-gray-700">
                 {% trans "Filter results" %}
 

diff --git a/src/unfold/templates/unfold/helpers/app_list.html b/src/unfold/templates/unfold/helpers/app_list.html
@@ -55,7 +55,7 @@ <h3 class="font-medium my-3 px-6 text-gray-900 text-sm first:mt-0 dark:text-gray
             <div class="absolute bottom-0 left-72 right-0 top-0 z-50 peer-checked:block" x-cloak x-show="openAllApplications">
                 <label class="absolute bg-gray-900 bg-opacity-80 backdrop-blur-sm bottom-0 left-0 right-0 top-0 z-10 w-screen" for="show-applications"></label>
 
-                <div class="bg-white flex flex-col h-full overflow-x-hidden overflow-y-auto py-5 px-8 relative text-sm w-80 z-20 dark:bg-gray-900 dark:border-r dark:border-gray-800" data-simplebar x-on:click.outside="openAllApplications = false" x-on:keydown.escape.window="openAllApplications = false">
+                <div class="bg-white flex flex-col h-full overflow-x-hidden overflow-y-auto py-5 px-8 relative text-sm w-80 z-20 dark:bg-gray-900 dark:border-r dark:border-gray-800" x-on:click.outside="openAllApplications = false" x-on:keydown.escape.window="openAllApplications = false">
                     {% for app in app_list %}
                         <div class="mb-6 last:mb-0">
                             <h3 class="mb-4 font-medium overflow-hidden text-ellipsis text-gray-700 whitespace-nowrap dark:text-gray-200">

diff --git a/src/unfold/templates/unfold/layouts/skeleton.html b/src/unfold/templates/unfold/layouts/skeleton.html
@@ -25,9 +25,7 @@
     {% endfor %}
 
     <link href="{% static 'unfold/css/styles.css' %}" rel="stylesheet">
-    <link href="{% static 'unfold/css/simplebar.css' %}" rel="stylesheet">
 
-    <script src="{% static 'unfold/js/simplebar.js' %}"></script>
     <script src="{% static 'unfold/js/alpine.persist.js' %}" defer></script>
     <script src="{% static 'unfold/js/alpine.js' %}" defer></script>
     <script src="{% static 'unfold/js/htmx.js' %}"></script>