Fix image and padding behavior on below-comment Display Ad (#18730)

This commit is contained in:
Ben Halpern 2022-11-16 12:45:04 -05:00 committed by GitHub
parent 61aa2f81de
commit 86d64e878e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 10 deletions

View file

@ -282,15 +282,7 @@
// Sidebar sponsors
.crayons-sponsorship-article {
margin-bottom: 10px;
img {
width: 100%;
height: auto;
border-radius: var(--radius);
display: block;
vertical-align: top;
margin: 10px auto;
}
padding: var(--content-padding-y) var(--content-padding-x);
}
.crayons-sponsorship-widget {

View file

@ -193,7 +193,7 @@
<% cache("article-bottom-content-#{rand(5)}-#{@article.id}-#{user_signed_in?}-#{(@organization || @user).latest_article_updated_at}", expires_in: 15.minutes) do %>
<% @display_ad = DisplayAd.for_display("post_comments", user_signed_in?, @article.decorate.cached_tag_list_array) %>
<% if @display_ad %>
<div class="crayons-card crayons-card--secondary p-4 crayons-sponsorship-article text-styles"
<div class="crayons-card crayons-card--secondary crayons-sponsorship-article text-styles"
data-display-unit data-id="<%= @display_ad.id %>"
data-category-click="<%= DisplayAdEvent::CATEGORY_CLICK %>"
data-category-impression="<%= DisplayAdEvent::CATEGORY_IMPRESSION %>"