Recent Feed Overhaul - Handful of CSS tweaks (#97264)

* Fixed ghost SVG * Fix alignment on 2 column layout * Fixed icon alignment on mobile * Remove max-width
Automattic · Dec 10, 2024 · 55ba554 · 55ba554
1 parent 227c0c1
commit 55ba554
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 8 deletions.
diff --git a/client/blocks/reader-full-post/style.scss b/client/blocks/reader-full-post/style.scss
@@ -42,8 +42,7 @@ $reader-full-post-desktop-min: $reader-full-post-sidebar-width + $reader-full-po
 	max-width: 1200px;
 	margin: 0 auto;
 
-	.comment-button__icon path,
-	.conversation-follow-button path {
+	.comment-button__icon path {
 		fill: var( --color-neutral-0 );
 	}
 }

diff --git a/client/reader/following/style.scss b/client/reader/following/style.scss
@@ -2,7 +2,6 @@
 
 .is-section-reader .navigation-header.following-stream-header {
 	margin: 0 auto;
-	max-width: 600px;
 	padding: 0;
 	&.reader-dual-column {
 		max-width: 968px; // Max width of dual column reader stream.
@@ -13,7 +12,7 @@
 	}
 
 	@media (max-width: 600px) {
-		margin: 0 16px;
+		padding: 0 16px;
 		.navigation-header__main {
 			min-height: auto;
 		}

diff --git a/client/reader/sidebar/style.scss b/client/reader/sidebar/style.scss
@@ -106,9 +106,6 @@ body.is-section-reader {
 		.navigation-header__main {
 			justify-content: normal;
 			align-items: center;
-			.formatted-header {
-				flex: none;
-			}
 		}
 	}
 

diff --git a/client/reader/stream/style.scss b/client/reader/stream/style.scss
@@ -604,7 +604,7 @@
 	align-items: flex-start;
 	display: flex;
 	flex-wrap: nowrap;
-	gap: 80px;
+	gap: 40px;
 	justify-content: flex-start;
 }