From 075239cd2cff116d2b7615cc94aa2aa94888cc19 Mon Sep 17 00:00:00 2001
From: flooorianflo <florian.kiem@hfg.design>
Date: Fri, 12 Apr 2024 23:14:05 +0200
Subject: [PATCH] fix: overflow bug

credits @amelie-schlueter for telling me
---
 markdown/Markdown.tsx      | 11 ++---------
 pages/feed/index/+Page.tsx |  5 ++---
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/markdown/Markdown.tsx b/markdown/Markdown.tsx
index 5324abb0..664ec399 100644
--- a/markdown/Markdown.tsx
+++ b/markdown/Markdown.tsx
@@ -1,8 +1,4 @@
-export default function Markdown(props: {
-  class?: string
-  content: string
-  noSelect?: boolean
-}) {
+export default function Markdown(props: { class?: string; content: string }) {
   // Regular expression pattern to capture video ID and image source
   const pattern =
     /<a\s+href="([A-Za-z0-9_-]{11})"\s*><img\s+src="([^"]+)"[^>]+><\/a>/g
@@ -26,10 +22,7 @@ export default function Markdown(props: {
   )
 
   return (
-    <article
-      class={props.class}
-      style={{ userSelect: props.noSelect ? "none" : "auto" }}
-    >
+    <article class={props.class}>
       <div dangerouslySetInnerHTML={{ __html: replacedContent }}></div>
     </article>
   )
diff --git a/pages/feed/index/+Page.tsx b/pages/feed/index/+Page.tsx
index 4d9b1d59..69de4c9c 100644
--- a/pages/feed/index/+Page.tsx
+++ b/pages/feed/index/+Page.tsx
@@ -56,13 +56,12 @@ export default function Page({
                 </p>
               </div>
               <div class="lg:max-w-nav w-full lg:mx-auto">
-                <div class="relative">
+                <div class="relative max-h-[450px] overflow-hidden">
                   <Markdown
-                    noSelect
                     class="post line-clamp-5"
                     content={content[post.slug]}
                   />
-                  <div class="absolute bottom-0 w-full z-10 pointer-events-none bg-gradient-to-b from-transparent to-light-neutral h-1/5 dark:to-black" />
+                  <div class="absolute bottom-0 w-full z-10 bg-gradient-to-b from-transparent to-light-neutral h-1/5 dark:to-black" />
                 </div>
                 <Button type="text" link={post.url} class="mt-4 mx-auto">
                   {m.read_more()}