From 86be87e2dc593be29f9927c9bf8a3bf869b9e810 Mon Sep 17 00:00:00 2001
From: Daniele Tonon <tonon@vitamino.it>
Date: Fri, 27 Oct 2023 18:19:16 +0200
Subject: [PATCH] Fix the flickering of the notes' left border

---
 tailwind.config.js     | 3 +++
 templates/note.html    | 2 +-
 templates/profile.html | 2 +-
 templates/relay.html   | 2 +-
 utils.go               | 2 +-
 5 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index 1456e5d..90e3433 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -12,6 +12,9 @@ module.exports = {
         crimson: '#bc1150',
         garnet: '#42091e'
       },
+      borderWidth: {
+        '05rem': '0.5rem', // You can define custom border widths in rem units
+      },
       typography: ({theme}) => ({
         /* for markdown html content */
         DEFAULT: {
diff --git a/templates/note.html b/templates/note.html
index 7e25bd2..9d843c6 100644
--- a/templates/note.html
+++ b/templates/note.html
@@ -99,7 +99,7 @@
           ></div>
 
           <article
-            class="leading-5 mb-6 prose dark:prose-invert sm:prose-a:text-justify prose-headings:font-light prose-blockquote:mx-0 prose-blockquote:my-8 prose-blockquote:pl-4 prose-blockquote:pr-0 prose-blockquote:py-2 prose-blockquote:border-l-8 prose-blockquote:border-solid prose-blockquote:border-l-gray-100 dark:prose-blockquote:border-l-zinc-800 prose-p:m-0 prose-p:mb-2 prose-cite:text-sm prose-ul:m-0 prose-ul:p-0 prose-ul:pl-4 prose-ol:m-0 prose-ol:p-0 prose-ol:pl-4 prose-li:mb-2 prose"
+            class="leading-5 mb-6 prose dark:prose-invert sm:prose-a:text-justify prose-headings:font-light prose-blockquote:mx-0 prose-blockquote:my-8 prose-blockquote:pl-4 prose-blockquote:pr-0 prose-blockquote:py-2 prose-blockquote:border-l-05rem prose-blockquote:border-solid prose-blockquote:border-l-gray-100 dark:prose-blockquote:border-l-zinc-800 prose-p:m-0 prose-p:mb-2 prose-cite:text-sm prose-ul:m-0 prose-ul:p-0 prose-ul:pl-4 prose-ol:m-0 prose-ol:p-0 prose-ol:pl-4 prose-li:mb-2 prose"
           >
             {{ if (not (eq "" .Subject))}}
             <h1 class="text-2xl">{{.Subject}}</h1>
diff --git a/templates/profile.html b/templates/profile.html
index 7a8ff5c..b6b50f8 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -133,7 +133,7 @@
             <h2 class="text-strongpink text-2xl">Last Notes</h2>
             {{range $i, $ee := .LastNotes}}
             <a
-              class="block no-underline my-8 hover:pl-4 hover:-ml-6 hover:border-solid hover:border-l-8 hover:border-l-gray-100 dark:hover:border-l-zinc-700"
+              class="block no-underline my-8 hover:pl-4 hover:-ml-6 hover:border-solid hover:border-l-05rem hover:border-l-gray-100 dark:hover:border-l-zinc-700"
               href="/{{$ee.Nevent}}"
             >
               <div
diff --git a/templates/relay.html b/templates/relay.html
index dd0d6e2..42294ee 100644
--- a/templates/relay.html
+++ b/templates/relay.html
@@ -101,7 +101,7 @@
             <h2 class="text-strongpink text-2xl">Last Notes</h2>
             {{range $i, $ee := .LastNotes}}
             <a
-              class="block no-underline my-8 hover:border-solid hover:pl-4 hover:-ml-6 hover:border-l-8 hover:border-l-gray-100 dark:hover:border-l-zinc-700"
+              class="block no-underline my-8 hover:border-solid hover:pl-4 hover:-ml-6 hover:border-l-05rem hover:border-l-gray-100 dark:hover:border-l-zinc-700"
               href="/{{$ee.Nevent}}"
             >
               <div
diff --git a/utils.go b/utils.go
index 3c3e0c5..b717190 100644
--- a/utils.go
+++ b/utils.go
@@ -312,7 +312,7 @@ func renderQuotesAsHTML(ctx context.Context, input string, usingTelegramInstantV
 		}
 
 		content := fmt.Sprintf(
-			`<blockquote class="pl-4 pr-0 pt-0 pb-2 border-l-8 border-l-strongpink border-solid"><div class="-ml-4 bg-gray-100 dark:bg-zinc-800 mr-0 mt-0 mb-4 pl-4 pr-2 py-2">quoting %s </div> %s </blockquote>`, match, event.Content)
+			`<blockquote class="pl-4 pr-0 pt-0 pb-2 border-l-05rem border-l-strongpink border-solid"><div class="-ml-4 bg-gray-100 dark:bg-zinc-800 mr-0 mt-0 mb-4 pl-4 pr-2 py-2">quoting %s </div> %s </blockquote>`, match, event.Content)
 		return basicFormatting(content, false, usingTelegramInstantView)
 	})
 }