From 0a2f1d9243a58b3cbea41fccb6d250b5af17c7a5 Mon Sep 17 00:00:00 2001
From: freeplay <freeplay@duck.com>
Date: Sun, 25 Jun 2023 17:10:10 -0400
Subject: [PATCH] fix: new posts button mobile position + webkit-mask

---
 packages/client/src/pages/timeline.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index d849258f33..d886c4b7a1 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -349,6 +349,7 @@ onMounted(() => {
 		top: calc(var(--stickyTop, 0px) - 60px);
 		z-index: 1000;
 		width: 600px;
+		max-width: 100%;
 		height: 60px;
 		pointer-events: none;
 		margin-inline: auto;
@@ -361,6 +362,7 @@ onMounted(() => {
 			inset: 0;
 			border: 2px solid var(--accent);
 			mask: linear-gradient(to right, transparent,black 40% 60%,transparent);
+			-webkit-mask: linear-gradient(to right, transparent,black 40% 60%,transparent);
 		}
 		> button {
 			display: flex;