From 2eff4e22db37eac597aa6da29e15e566044588b1 Mon Sep 17 00:00:00 2001
From: Mole Shang <135e2@135e2.dev>
Date: Tue, 25 Apr 2023 01:31:26 +0800
Subject: head.html: migrate to SimpleBar

---
 head.html | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

(limited to 'head.html')

diff --git a/head.html b/head.html
index 9840788..da00bea 100644
--- a/head.html
+++ b/head.html
@@ -1,10 +1,10 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<link href="/git/assets/fonts/fonts.min.css" rel="stylesheet" type="text/css">
-<link href="/git/assets/css/gruvbox.css" rel="stylesheet" type="text/css">
-<link href="/git/assets/css/jquery.mCustomScrollbar.min.css" rel="stylesheet" type="text/css">
-<script src="/git/assets/js/jquery.min.js"></script>
-<script src="/git/assets/js/jquery.mCustomScrollbar.min.js"></script>
-<link href="/git/assets/css/cgit.css" rel="stylesheet" type="text/css">
+<link href="/assets/fonts/fonts.min.css" rel="stylesheet" type="text/css">
+<link href="/assets/css/gruvbox.css" rel="stylesheet" type="text/css">
+<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
+<link href="https://cdn.bootcdn.net/ajax/libs/simplebar/6.2.5/simplebar.css" rel="stylesheet">
+<script src="https://cdn.bootcdn.net/ajax/libs/simplebar/6.2.5/simplebar.js"></script>
+<link href="/assets/css/cgit.css" rel="stylesheet" type="text/css">
 <script>
 function go_responsive() {
     /* destroy tables that prevent responsive design */
@@ -40,15 +40,7 @@ function wrap_fat_elements() {
      "table.diffstat, table.diff, table.list, table.stats, " +
      "table.vgraph, table.hgraph, table.blame" 
      ).wrap("<div class='table-wrap'></div>");
-    $('.table-wrap, pre.literal-block').mCustomScrollbar({
-        axis: 'x',
-        theme: 'minimal',
-        autoHideScrollbar: true,
-        autoDraggerLength: true,
-        scrollInertia: 100,
-        mouseWheel: { enable: true, axis: 'x' },
-        documentTouchScroll: true
-    });
+    $('.table-wrap, pre.literal-block').each((index, el) => new SimpleBar(el));
 }
 
 $(function() {
@@ -56,3 +48,9 @@ $(function() {
     wrap_fat_elements();
 });
 </script>
+<style>
+.simplebar-scrollbar::before {
+  background-color: grey;
+  height: 4px;
+}
+</style>
-- 
cgit v1.2.3