Преглед изворни кода

fix(themes): cap website column at narrow when feed name is shown (#8815)

#8801 dropped the unconditional 40px cap on .item.website at narrow widths so users with topline_website set to name/full would actually see the feed name on mobile. With the default 'full' mode, the column then inherited the 200px wide-width default, squashing the article title (#8814).

Re-introduce a cap for the name-bearing modes: max-width 30vw with width auto, so the favicon and name shrink to fit the viewport without overrunning the title cell.

Co-authored-by: Bjørn A. Andersen <polybjorn@users.noreply.github.com>
polybjorn пре 1 недеља
родитељ
комит
af6a500638
2 измењених фајлова са 12 додато и 0 уклоњено
  1. 6 0
      p/themes/base-theme/frss.css
  2. 6 0
      p/themes/base-theme/frss.rtl.css

+ 6 - 0
p/themes/base-theme/frss.css

@@ -2823,6 +2823,12 @@ html.slider-active {
 		width: 40px;
 	}
 
+	/** Cap website column when feed name is shown, to leave room for the title */
+	.flux_header.websitename .item.website,
+	.flux_header.websitefull .item.website {
+		width: clamp(120px, 18vw, 150px);
+	}
+
 	.flux:not(.current):hover .item.title {
 		position: relative;
 		width: auto;

+ 6 - 0
p/themes/base-theme/frss.rtl.css

@@ -2823,6 +2823,12 @@ html.slider-active {
 		width: 40px;
 	}
 
+	/** Cap website column when feed name is shown, to leave room for the title */
+	.flux_header.websitename .item.website,
+	.flux_header.websitefull .item.website {
+		width: clamp(120px, 18vw, 150px);
+	}
+
 	.flux:not(.current):hover .item.title {
 		position: relative;
 		width: auto;