From 9ff4aec368ba33e2ccab379f5fb1bdf4dae32da6 Mon Sep 17 00:00:00 2001
From: polybjorn <service@polybjorn.com>
Date: Sun, 10 May 2026 14:48:42 +0000
Subject: [PATCH] fix(themes): show feed name at narrow widths when configured
 (#8801)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two narrow @media rules in base-theme/frss.css predate the configurable topline_website modes from #4969 and force icon-only behavior regardless of the user's Website setting; #8631 partially papered over this for grid-layout entries. Drop the unconditional span-hide and its grid-layout exception, and scope the 40px width cap to .websiteicon (with a comment explaining why it stays at narrow).

Co-authored-by: Bjørn A. Andersen <polybjorn@users.noreply.github.com>
---
 p/themes/base-theme/frss.css     | 10 ++--------
 p/themes/base-theme/frss.rtl.css | 10 ++--------
 2 files changed, 4 insertions(+), 16 deletions(-)

diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index db5a14ac9..f7f7b9a18 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -1564,7 +1564,6 @@ a.website:hover .favicon {
 	object-fit: cover;
 }
 
-
 .flux .flux_header .item.titleAuthorSummaryDate {
 	position: relative;
 	overflow: hidden;
@@ -2475,7 +2474,6 @@ html.slider-active {
 		--frss-padding-flux-items: 0.5rem;
 	}
 
-	.flux_header .item.website span,
 	.item .date,
 	.dropdown-menu > .no-mobile,
 	.no-mobile,
@@ -2500,7 +2498,6 @@ html.slider-active {
 		height: 24px;
 	}
 
-
 	header .item.search form {
 		display: none;
 	}
@@ -2566,10 +2563,6 @@ html.slider-active {
 		list-style: none;
 	}
 
-	.flux .flux_header.has-thumbnail.has-summary li.website .websiteName {
-		display: inline;
-	}
-
 	/** place all the elements in their respective template areas */
 	.flux .flux_header.has-thumbnail.has-summary li.website {
 		grid-area: website;
@@ -2800,7 +2793,8 @@ html.slider-active {
 		padding: 0;
 	}
 
-	.flux_header .item.website {
+	/** Compensate for shrunk --frss-padding-flux-items so favicon cell stays 40px at narrow */
+	.flux_header.websiteicon .item.website {
 		width: 40px;
 	}
 
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index 1ab133c06..b5802b596 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -1564,7 +1564,6 @@ a.website:hover .favicon {
 	object-fit: cover;
 }
 
-
 .flux .flux_header .item.titleAuthorSummaryDate {
 	position: relative;
 	overflow: hidden;
@@ -2475,7 +2474,6 @@ html.slider-active {
 		--frss-padding-flux-items: 0.5rem;
 	}
 
-	.flux_header .item.website span,
 	.item .date,
 	.dropdown-menu > .no-mobile,
 	.no-mobile,
@@ -2500,7 +2498,6 @@ html.slider-active {
 		height: 24px;
 	}
 
-
 	header .item.search form {
 		display: none;
 	}
@@ -2566,10 +2563,6 @@ html.slider-active {
 		list-style: none;
 	}
 
-	.flux .flux_header.has-thumbnail.has-summary li.website .websiteName {
-		display: inline;
-	}
-
 	/** place all the elements in their respective template areas */
 	.flux .flux_header.has-thumbnail.has-summary li.website {
 		grid-area: website;
@@ -2800,7 +2793,8 @@ html.slider-active {
 		padding: 0;
 	}
 
-	.flux_header .item.website {
+	/** Compensate for shrunk --frss-padding-flux-items so favicon cell stays 40px at narrow */
+	.flux_header.websiteicon .item.website {
 		width: 40px;
 	}