Fix navbar issues for legacy docs

- Add missing font-family
- Remove underline from links
- Prevent "Join" word-break
- Fix logo pixel shift on framed and non-framed docs
- Remove navbar container's inline CSS height

docstailwind.config.js

@@ -27,6 +27,11 @@ module.exports = {
       bronze: '#BB8A56',
       silver: '#B5C9D3',
     },
+    extend: {
+      fontFamily: {
+        'sans': ['-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', '"Helvetica Neue"', 'sans-serif'],
+      }
+    }
   },
   variants: {
     extend: {},

frontend/docsstyles.css

@@ -6,7 +6,17 @@
 }
 
 body {
-  @apply max-w-7xl mx-auto md:pt-11 md:px-6 my-0 h-screen;
+  @apply font-sans break-normal max-w-7xl mx-auto md:pt-11 md:px-6 my-0 h-screen;
+}
+
+/*  Fixes the logo's pixel shift for non-framed and framed docs, respectively. */
+body:not([class]) #headblock div:first-of-type,
+.article #headblock div:first-of-type {
+  @apply mt-0;
+}
+
+a {
+  @apply no-underline;
 }
 
 hr:first-of-type {

frontend/styles.css

@@ -13,7 +13,7 @@
   }
 
   body {
-    @apply text-slate dark:text-white;
+    @apply font-sans text-slate dark:text-white;
   }
   h1 {
     @apply text-6xl;

frontend/userguidestyles.css

@@ -11,8 +11,7 @@ html {
 }
 
 body {
-  @apply h-screen dark:bg-black dark:!text-white;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  @apply font-sans h-screen dark:bg-black dark:!text-white;
 }
 
 p a:link, p a:visited, table a, .title a {

static/css/styles.css

@@ -42,7 +42,7 @@ html {
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   /* 4 */
 }
 
@@ -593,6 +593,7 @@ a:link {
 }
 
 body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   --tw-text-opacity: 1;
   color: rgb(49 74 87 / var(--tw-text-opacity));
 }

tailwind.config.js

@@ -27,6 +27,11 @@ module.exports = {
       bronze: '#BB8A56',
       silver: '#B5C9D3',
     },
+    extend: {
+      fontFamily: {
+        'sans': ['-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', '"Helvetica Neue"', 'sans-serif'],
+      }
+    },
   },
   variants: {
     extend: {},

templates/includes/_header.html

@@ -2,7 +2,7 @@
 {% load account socialaccount active_link_tags %}
 
 
-<div class="relative z-50 bg-gray-200 md:fixed md:top-0 right-0 left-0 dark:bg-black" style="max-height: 42px;">
+<div class="relative z-50 bg-gray-200 md:fixed md:top-0 right-0 left-0 dark:bg-black">
 
   <div class="relative mx-auto">
     <div class="max-w-7xl md:px-6 mx-auto">

userguidetailwind.config.js

@@ -28,6 +28,11 @@ module.exports = {
       silver: '#B5C9D3',
       active: '#1565c0',
     },
+    extend: {
+      fontFamily: {
+        'sans': ['-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', '"Helvetica Neue"', 'sans-serif'],
+      }
+    },
   },
   variants: {
     extend: {},