Fix left padding of login button in top menu

Clean up spacing for nav pills

Markdown fields should default to using monospace font

Wrap action buttons in object page header

Fix page link style for non-HTMX paginators

Clean up styling of Markdown preview widget

Fix spacing around placeholder text for empty panel tables

Remove obsolete templates

Tweak checkbox input spacing

Fix toggling of clear button for quick search

Fix positioning of quick search filter dropdown

Fix positioning of 'highlight device' button

Fix styling for custom field group names

Widen buttons on nav menu items

Restyle the login page

Fix active nav-pill background color in dark mode

Fix spacing around 'map' button for sites

netbox/project-static/src/search.ts

@@ -7,12 +7,12 @@ import { isTruthy } from './util';
  */
 function quickSearchEventHandler(event: Event): void {
   const quicksearch = event.currentTarget as HTMLInputElement;
-  const inputgroup = quicksearch.parentElement as HTMLDivElement;
-  if (isTruthy(inputgroup)) {
+  const clearbtn = document.getElementById("quicksearch_clear") as HTMLAnchorElement;
+  if (isTruthy(clearbtn)) {
     if (quicksearch.value === "") {
-      inputgroup.classList.add("hide-last-child");
+      clearbtn.classList.add("d-none");
     } else {
-      inputgroup.classList.remove("hide-last-child");
+      clearbtn.classList.remove("d-none");
     }
   }
 }
@@ -22,7 +22,7 @@ function quickSearchEventHandler(event: Event): void {
  */
 export function initQuickSearch(): void {
   const quicksearch = document.getElementById("quicksearch") as HTMLInputElement;
-  const clearbtn = document.getElementById("quicksearch_clear") as HTMLButtonElement;
+  const clearbtn = document.getElementById("quicksearch_clear") as HTMLAnchorElement;
   if (isTruthy(quicksearch)) {
     quicksearch.addEventListener("keyup", quickSearchEventHandler, {
       passive: true

netbox/project-static/styles/_variables.scss

@@ -18,3 +18,6 @@ $table-cell-padding-y: 0.5rem;
 
 // Fix Tabler bug #1694 in 1.0.0-beta20
 $hover-bg: rgba(var(--tblr-secondary-rgb), 0.08);
+
+// Ensure active nav-pill has a background color in dark mode
+$nav-pills-link-active-bg: rgba(var(--tblr-secondary-rgb), 0.15);

netbox/project-static/styles/custom/_markdown.scss

@@ -0,0 +1,38 @@
+// Rendered Markdown
+.rendered-markdown {
+
+  table {
+    width: 100%;
+
+    // Apply a border
+    th {
+      border-bottom: 2px solid #dddddd;
+      padding: 8px;
+    }
+    td {
+      border-top: 1px solid #dddddd;
+      padding: 8px;
+    }
+
+    // Map "align" attr of column headings
+    th[align="left"] {
+      text-align: left;
+    }
+    th[align="center"] {
+      text-align: center;
+    }
+    th[align="right"] {
+      text-align: right;
+    }
+  }
+
+}
+
+// Markdown preview
+.markdown-widget {
+  .preview {
+    border: 1px solid $border-color;
+    border-radius: $border-radius;
+    min-height: 200px;
+  }
+}

netbox/project-static/styles/custom/_misc.scss

@@ -10,36 +10,6 @@ span.color-label {
   border-radius: $border-radius;
 }
 
-// Rendered Markdown
-.rendered-markdown {
-
-  table {
-    width: 100%;
-
-    // Apply a border
-    th {
-      border-bottom: 2px solid #dddddd;
-      padding: 8px;
-    }
-    td {
-      border-top: 1px solid #dddddd;
-      padding: 8px;
-    }
-
-    // Map "align" attr of column headings
-    th[align="left"] {
-      text-align: left;
-    }
-    th[align="center"] {
-      text-align: center;
-    }
-    th[align="right"] {
-      text-align: right;
-    }
-  }
-
-}
-
 // Object hierarchy depth indicators
 .record-depth {
   display: inline;

netbox/project-static/styles/netbox.scss

@@ -19,4 +19,5 @@
 
 // Custom styling
 @import 'custom/code';
+@import 'custom/markdown';
 @import 'custom/misc';