fix: add underline and semibold font weight for prose links to have them stand out

+ fix typo: "whitespace-no-wrap" --> "whitespace-nowrap"

fix: add underline and semibold font weight for prose links to have them stand out
d4d86712 · Yassine Doghri · fab916ee · d4d86712 · d4d86712 · d4d86712
Commit d4d86712 authored 2 years ago by Yassine Doghri
--- a/app/Helpers/components_helper.php
+++ b/app/Helpers/components_helper.php
@@ -55,7 +55,7 @@ if (! function_exists('data_table')) {
        $table = new Table();

        $template = [
-            'table_open' => '<table class="w-full whitespace-no-wrap">',
+            'table_open' => '<table class="w-full whitespace-nowrap">',

            'thead_open' =>
                '<thead class="text-xs font-semibold text-left uppercase text-skin-muted">',

--- a/app/Views/Components/DropdownMenu.php
+++ b/app/Views/Components/DropdownMenu.php
@@ -53,7 +53,7 @@ class DropdownMenu extends Component

        return <<<HTML
            <nav id="{$this->id}"
-                class="absolute z-50 flex flex-col py-2 whitespace-no-wrap rounded-lg text-skin-base border-contrast bg-elevated border-3"
+                class="absolute z-50 flex flex-col py-2 rounded-lg whitespace-nowrap text-skin-base border-contrast bg-elevated border-3"
                aria-labelledby="{$this->labelledby}"
                data-dropdown="menu"
                data-dropdown-placement="{$this->placement}"

--- a/tailwind.config.js
+++ b/tailwind.config.js
 /* eslint-disable */
 const defaultTheme = require("tailwindcss/defaultTheme");
+const { nodeModuleNameResolver } = require("typescript");

 /** @type {import('tailwindcss').Config} */
 module.exports = {
@@ -113,6 +114,30 @@ module.exports = {
      ringWidth: {
        3: "3px",
      },
+      typography: {
+        DEFAULT: {
+          css: {
+            a: {
+              textDecoration: "underline",
+              fontWeight: 600,
+              "&:hover": {
+                textDecoration: "none",
+              },
+            },
+          },
+        },
+        sm: {
+          css: {
+            a: {
+              textDecoration: "underline",
+              fontWeight: 600,
+              "&:hover": {
+                textDecoration: "none",
+              },
+            },
+          },
+        },
+      },
    },
  },
  variants: {},

--- a/themes/cp_admin/_partials/_nav_header.php
+++ b/themes/cp_admin/_partials/_nav_header.php
@@ -72,7 +72,7 @@
                [
                    'type' => 'html',
                    'content' => esc(<<<CODE_SAMPLE
-                        <nav class="flex flex-col py-2 whitespace-no-wrap">
+                        <nav class="flex flex-col py-2 whitespace-nowrap">
                            <span class="px-4 mb-2 text-xs font-semibold tracking-wider uppercase text-skin-muted">{$interactAsText}</span>
                            <form action="{$route}" method="POST" class="flex flex-col">
                                {$csrfField}

--- a/themes/cp_app/_admin_navbar.php
+++ b/themes/cp_app/_admin_navbar.php
@@ -67,7 +67,7 @@
                    [
                        'type' => 'html',
                        'content' => esc(<<<CODE_SAMPLE
-                            <nav class="flex flex-col py-2 whitespace-no-wrap">
+                            <nav class="flex flex-col py-2 whitespace-nowrap">
                                <span class="px-4 mb-2 text-xs font-semibold tracking-wider uppercase text-skin-muted">{$interactAsText}</span>
                                <form action="{$route}" method="POST" class="flex flex-col">
                                    {$csrfField}