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

This commit is contained in:
2026-05-10 14:38:42 +02:00
parent 889d3967d2
commit 7174736680

View File

@@ -73,11 +73,11 @@ export default async function BlogPostPage({ params }: Props) {
}
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 */}
<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 */}
<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) */}
<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} />
</div>
</div>