Migrate admin site to tabler

app/assets/stylesheets/admin/customisations.scss

@@ -1,5 +1,5 @@
-.btn-tool {
-    padding: 1rem .5rem !important;
+.col-min-width-3 {
+    min-width: 25%;
 }
 
 .preloader{

app/assets/stylesheets/bootstrap5_customisations.scss

@@ -9,5 +9,3 @@ $danger: #212529;
 
 $link-color: $red;
 $headings-color: $red;
-
-@import "bootstrap/scss/bootstrap";

app/assets/stylesheets/entrypoints/admin.scss

@@ -5,4 +5,4 @@
 
 @import '../admin/customisations';
 
-@import '../admin/adminlte';
+@import "@tabler/core/dist/css/tabler";

app/assets/stylesheets/entrypoints/application.scss

@@ -1,6 +1,7 @@
 // NOTE THAT THINGS PLACED HERE DO NOT WORK FOR THE BACKEND
 // This file has to be at the top because it also loads Bootstrap 5.
 @import '../bootstrap5_customisations';
+@import "bootstrap/scss/bootstrap";
 
 @import '../form_additions';
 @import '../shared_additions';

app/helpers/builders/tabler_breadcrumbs_builder.rb

@@ -0,0 +1,18 @@
+# Formats breadcrumbs according to the tabler specification: https://tabler.io/docs/components/breadcrumb
+class Builders::TablerBreadcrumbsBuilder < BreadcrumbsOnRails::Breadcrumbs::Builder
+    def render
+        content = @elements.collect { |element| render_element(element) }.join("\n")
+
+        return "<ol class=\"breadcrumb\" aria-label=\"breadcrumbs\">\n#{content}\n</ol>".html_safe
+    end
+
+    def render_element(element)
+        if element.path.nil?
+            content = compute_name(element)
+        else
+            content = @context.link_to_unless_current(compute_name(element), compute_path(element), element.options)
+        end
+
+        return @context.content_tag(:li, content, class: "breadcrumb-item #{'active' if @context.current_page?(compute_path(element))}", 'aria-current': 'page')
+    end
+end

app/helpers/form_helper.rb

@@ -15,6 +15,13 @@ def horizontal_form_options
     }
   end
 
+  # Search forms are horizontal, but have a special boolean search field that takes up less space.
+  def search_form_options
+    options = horizontal_form_options
+    options[:wrapper_mappings][:boolean] = :horizontal_boolean_search
+    return options
+  end
+
   def simple_horizontal_form_for(object, *args, &block)
     options = args.extract_options!
     new_options = horizontal_form_options

app/helpers/md_helper.rb

@@ -4,7 +4,7 @@ module MdHelper
   def render_markdown(md)
     return '' if md.nil?
 
-    return Kramdown::Document.new(md, input: 'BKramdown').to_html.html_safe
+    return Kramdown::Document.new(md, input: 'BKramdown').to_html.gsub(/(^[ ]*<p>[ ]*)|([ ]*<\/p>[ ]*$)/, '').html_safe
   end
 
   def render_plain(md)

app/javascript/admin.js

@@ -1,17 +1,10 @@
-import 'popper.js'
-
-// The customisations are just two lines: https://www.diffchecker.com/LT8Mt2Hd/
-// Line 1855: $preloader.css('height', 0); -> $preloader.css('opacity', 0);
-// Between line 1857 and 1858, insert: $preloader.hide(); // Also hide the preloader itself, and not just the children.
-import './src/vendor/adminlte.customised.js'
-
 import './src/admin/cookies.js'
 
-// This is a Bootstrap 4 install, which is still needed for adminlte. Once you upgrade to Bootstrap 5, remove it, and just load Bootstrap 5 in shared.
-import './src/vendor/bootstrap.bundle.min.js'
-
 import './src/admin/user_modal_script.js'
 
 import "./src/admin/techie_tree.js"
 
 import 'moment'
+
+// Loads all Bootstrap javascripts automatically.
+import 'autosize'