Attempting to fix feed title layout in discover stories.

This commit is contained in:
Samuel Clay 2024-11-19 22:37:37 -08:00
parent 6dc247b693
commit cf72874318
2 changed files with 14 additions and 13 deletions

View file

@ -2954,7 +2954,7 @@ img.feed_favicon {
background-color: #F7F8F5;
}
.NB-layout-grid .NB-story-titles {
.NB-layout-grid#story_titles>.NB-story-titles {
display: grid;
grid-gap: 2rem;
padding: 2rem;
@ -3018,28 +3018,28 @@ img.feed_favicon {
padding-right: 242px;
}
.NB-layout-grid .NB-story-titles,
.NB-layout-grid.NB-grid-columns-3 .NB-story-titles,
.NB-wide-content .NB-story-titles {
.NB-layout-grid#story_titles>.NB-story-titles,
.NB-layout-grid.NB-grid-columns-3#story_titles>.NB-story-titles,
.NB-wide-content#story_titles>.NB-story-titles {
grid-template-columns: none;
grid-template-columns: repeat(3, 1fr);
}
.NB-layout-grid.NB-grid-columns-1 .NB-story-titles,
.NB-layout-grid.NB-extra-narrow-content .NB-story-titles,
.NB-extra-narrow-content.NB-narrow-content .NB-story-titles {
.NB-layout-grid.NB-grid-columns-1#story_titles>.NB-story-titles,
.NB-layout-grid.NB-extra-narrow-content#story_titles>.NB-story-titles,
.NB-extra-narrow-content.NB-narrow-content#story_titles>.NB-story-titles {
grid-template-columns: none;
grid-template-columns: repeat(1, 1fr);
}
.NB-layout-grid.NB-grid-columns-2 .NB-story-titles,
.NB-narrow-content .NB-story-titles {
.NB-layout-grid.NB-grid-columns-2#story_titles>.NB-story-titles,
.NB-narrow-content#story_titles>.NB-story-titles {
grid-template-columns: none;
grid-template-columns: repeat(2, 1fr);
}
.NB-layout-grid.NB-grid-columns-4 .NB-story-titles,
.NB-extra-wide-content .NB-story-titles {
.NB-layout-grid.NB-grid-columns-4#story_titles>.NB-story-titles,
.NB-extra-wide-content#story_titles>.NB-story-titles {
grid-template-columns: none;
grid-template-columns: repeat(4, 1fr);
}

View file

@ -89,7 +89,7 @@ NEWSBLUR.Views.StoryDiscoverView = Backbone.View.extend({
this.$('.NB-end-line').remove();
var $endline = $.make('div', { className: "NB-end-line NB-load-line NB-short" });
$endline.css({ 'background': '#FFF' });
this.$el.append($endline);
this.$(".NB-sideoption-discover-content").html($endline);
},
hide_loading: function () {
@ -164,7 +164,8 @@ NEWSBLUR.Views.StoryDiscoverView = Backbone.View.extend({
</li>\
</ul>\
</div>\
<div class="NB-sideoption-discover-content">\
<div class="NB-sideoption-discover-content NB-story-pane-west">\
<div class="NB-end-line NB-load-line NB-short"></div>\
</div>\
</div>\
</div>\