streaper2/afrov2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: fix sticky positioning for share buttons by removing sticky-killing overflow and ensuring parent stretches

Browse Source
This commit is contained in:
streaper2
2026-05-10 14:38:42 +02:00
parent 889d3967d2
commit 7174736680
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/blog/[id]/page.tsx
View File

@@ -73,11 +73,11 @@ export default async function BlogPostPage({ params }: Props) {
} }
return ( return (
<article className="bg-gray-50 min-h-screen py-12 relative overflow-x-clip"> <article className="bg-gray-50 min-h-screen py-12 relative">
{/* Injection du style de force pour le texte */} {/* Injection du style de force pour le texte */}
<style dangerouslySetInnerHTML={{ __html: noBreakStyle }} /> <style dangerouslySetInnerHTML={{ __html: noBreakStyle }} />
<div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 flex gap-4 lg:gap-8 justify-center relative items-start"> <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 flex gap-4 lg:gap-8 justify-center relative">
{/* Conteneur principal de l'article */} {/* Conteneur principal de l'article */}
<div className="w-[calc(100%-3rem)] sm:w-full max-w-3xl relative"> <div className="w-[calc(100%-3rem)] sm:w-full max-w-3xl relative">
@@ -155,7 +155,7 @@ export default async function BlogPostPage({ params }: Props) {
{/* Sidebar flottante verticale à droite (suit l'article et s'arrête à la fin) */} {/* Sidebar flottante verticale à droite (suit l'article et s'arrête à la fin) */}
<div className="w-10 shrink-0 relative"> <div className="w-10 shrink-0 relative">
<div className="sticky top-1/2 -translate-y-1/2 pt-24 lg:pt-0"> <div className="sticky top-32 z-50">
<BlogShareButtons title={post.title} /> <BlogShareButtons title={post.title} />
</div> </div>
</div> </div>