mirror/FreshRSS
0
0
Fork 0
mirror of https://github.com/FreshRSS/FreshRSS.git synced 2026-05-14 10:13:52 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(themes): show feed name at narrow widths when configured (#8801)

Browse Source 
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>
This commit is contained in:
polybjorn
2026-05-10 14:48:42 +00:00
committed by GitHub
parent b83c8b445e
commit 9ff4aec368
2 changed files with 4 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
p/themes/base-theme/frss.css
View File

@@ -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;
}

10
p/themes/base-theme/frss.rtl.css
View File

@@ -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;
}