From 0ca330a3ea1389079bddde36c616ed6b55e0e139 Mon Sep 17 00:00:00 2001
From: Marcus <marcustyphoon@gmail.com>
Date: Mon, 15 Jul 2024 19:27:12 -0700
Subject: [PATCH] use `content` to hide post cell contents

---
 src/features/mutual_checker.js                        | 5 +++--
 src/features/no_recommended/hide_recommended_posts.js | 5 +++--
 src/features/postblock.css                            | 5 +++--
 src/features/seen_posts.css                           | 5 +++--
 src/features/show_originals.css                       | 5 +++--
 src/features/tweaks/hide_filtered_posts.js            | 6 +++++-
 src/features/tweaks/hide_liked_posts.js               | 6 +++++-
 src/features/tweaks/hide_my_posts.js                  | 6 +++++-
 8 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/src/features/mutual_checker.js b/src/features/mutual_checker.js
index cb6614c627..4657173dfa 100644
--- a/src/features/mutual_checker.js
+++ b/src/features/mutual_checker.js
@@ -35,8 +35,9 @@ const styleElement = buildStyle(`
     margin-right: 0.5ch;
   }
 
-  ${followingTimelineSelector} [${hiddenAttribute}] article {
-    display: none;
+  ${followingTimelineSelector} [${hiddenAttribute}] {
+    content: linear-gradient(transparent, transparent);
+    height: 0;
   }
 
   ${keyToCss('blogCardBlogLink')} {
diff --git a/src/features/no_recommended/hide_recommended_posts.js b/src/features/no_recommended/hide_recommended_posts.js
index 4db701d31a..58ebe81dc1 100644
--- a/src/features/no_recommended/hide_recommended_posts.js
+++ b/src/features/no_recommended/hide_recommended_posts.js
@@ -10,8 +10,9 @@ const timeline = followingTimelineFilter;
 const includeFiltered = true;
 
 const styleElement = buildStyle(`
-[${hiddenAttribute}]:not([${unHiddenAttribute}]) article {
-  display: none;
+[${hiddenAttribute}]:not([${unHiddenAttribute}]) {
+  content: linear-gradient(transparent, transparent);
+  height: 0;
 }
 
 :not([${unHiddenAttribute}]) + [${unHiddenAttribute}]::before {
diff --git a/src/features/postblock.css b/src/features/postblock.css
index 4a878a331f..6e41175aeb 100644
--- a/src/features/postblock.css
+++ b/src/features/postblock.css
@@ -1,3 +1,4 @@
-[data-postblock-hidden] article {
-  display: none;
+[data-postblock-hidden] {
+  content: linear-gradient(transparent, transparent);
+  height: 0;
 }
diff --git a/src/features/seen_posts.css b/src/features/seen_posts.css
index ac3cf29173..ef428620dd 100644
--- a/src/features/seen_posts.css
+++ b/src/features/seen_posts.css
@@ -3,8 +3,9 @@ body.xkit-seen-posts-only-dim-avatar [data-seen-posts-seen]:not(:hover) article
   opacity: 0.5;
 }
 
-body.xkit-seen-posts-hide [data-seen-posts-seen] article {
-  display: none;
+body.xkit-seen-posts-hide [data-seen-posts-seen] {
+  content: linear-gradient(transparent, transparent);
+  height: 0;
 }
 
 body.xkit-seen-posts-hide .xkit-seen-posts-lengthened {
diff --git a/src/features/show_originals.css b/src/features/show_originals.css
index dc6e2302d6..6540868345 100644
--- a/src/features/show_originals.css
+++ b/src/features/show_originals.css
@@ -1,5 +1,6 @@
-[data-show-originals="on"] ~ div > [data-show-originals-hidden] article {
-  display: none;
+[data-show-originals="on"] ~ div > [data-show-originals-hidden] {
+  content: linear-gradient(transparent, transparent);
+  height: 0;
 }
 
 .xkit-show-originals-lengthened {
diff --git a/src/features/tweaks/hide_filtered_posts.js b/src/features/tweaks/hide_filtered_posts.js
index ad93c1dfb0..4d22f1d6cd 100644
--- a/src/features/tweaks/hide_filtered_posts.js
+++ b/src/features/tweaks/hide_filtered_posts.js
@@ -3,7 +3,11 @@ import { keyToCss } from '../../utils/css_map.js';
 import { buildStyle, getTimelineItemWrapper } from '../../utils/interface.js';
 
 const hiddenAttribute = 'data-tweaks-hide-filtered-posts-hidden';
-const styleElement = buildStyle(`[${hiddenAttribute}] article { display: none; }`);
+const styleElement = buildStyle(`
+[${hiddenAttribute}] {
+  content: linear-gradient(transparent, transparent);
+  height: 0;
+}`);
 
 const hideFilteredPosts = filteredScreens => filteredScreens
   .map(getTimelineItemWrapper)
diff --git a/src/features/tweaks/hide_liked_posts.js b/src/features/tweaks/hide_liked_posts.js
index 65f43d23f8..d8341521eb 100644
--- a/src/features/tweaks/hide_liked_posts.js
+++ b/src/features/tweaks/hide_liked_posts.js
@@ -6,7 +6,11 @@ import { followingTimelineFilter } from '../../utils/timeline_id.js';
 const timeline = followingTimelineFilter;
 
 const hiddenAttribute = 'data-tweaks-hide-liked-posts-hidden';
-const styleElement = buildStyle(`[${hiddenAttribute}] article { display: none; }`);
+const styleElement = buildStyle(`
+[${hiddenAttribute}] {
+  content: linear-gradient(transparent, transparent);
+  height: 0;
+}`);
 
 const processPosts = async function (postElements) {
   filterPostElements(postElements, { timeline }).forEach(async postElement => {
diff --git a/src/features/tweaks/hide_my_posts.js b/src/features/tweaks/hide_my_posts.js
index 6b10b4923c..ca230b7e6f 100644
--- a/src/features/tweaks/hide_my_posts.js
+++ b/src/features/tweaks/hide_my_posts.js
@@ -7,7 +7,11 @@ const excludeClass = 'xkit-tweaks-hide-my-posts-done';
 const timeline = followingTimelineFilter;
 
 const hiddenAttribute = 'data-tweaks-hide-my-posts-hidden';
-const styleElement = buildStyle(`[${hiddenAttribute}] article { display: none; }`);
+const styleElement = buildStyle(`
+[${hiddenAttribute}] {
+  content: linear-gradient(transparent, transparent);
+  height: 0;
+}`);
 
 const processPosts = async function (postElements) {
   filterPostElements(postElements, { excludeClass, timeline }).forEach(async postElement => {