diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 4c256e795..bc667f7f2 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -2509,6 +2509,7 @@ html.slider-active { --frss-padding-flux-items: 0.5rem; } + .flux_header .item.website span, .item .date, .dropdown-menu > .no-mobile, .no-mobile, @@ -2598,6 +2599,10 @@ 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; @@ -2828,17 +2833,10 @@ html.slider-active { padding: 0; } - /** Compensate for shrunk --frss-padding-flux-items so favicon cell stays 40px at narrow */ - .flux_header.websiteicon .item.website { + .flux_header .item.website { 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; diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index c216dfc6b..c7b859a2e 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -2509,6 +2509,7 @@ html.slider-active { --frss-padding-flux-items: 0.5rem; } + .flux_header .item.website span, .item .date, .dropdown-menu > .no-mobile, .no-mobile, @@ -2598,6 +2599,10 @@ 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; @@ -2828,17 +2833,10 @@ html.slider-active { padding: 0; } - /** Compensate for shrunk --frss-padding-flux-items so favicon cell stays 40px at narrow */ - .flux_header.websiteicon .item.website { + .flux_header .item.website { 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;