4e9c5479c1
* changes to the divider * chore: update the flag icon * chore: add a consistent width and height to all the icons in the dropdown * chore: move widtha dn height closer to definition * feat: make the border 1pm * feat: add a margin to thehr * add margin all round for hr * chore: same 8px for all around
43 lines
2.4 KiB
Text
43 lines
2.4 KiB
Text
<div class="crayons-sponsorship__header relative">
|
|
<% if display_ad.organization_id? && (display_ad.type_of == "community" || display_ad.type_of == "external") %>
|
|
<div class="flex align-center">
|
|
<img width="24" height="24" class="radius-default crayons-sponsorship__image" src="<%= display_ad.organization.profile_image_url_for(length: 64) %>" alt="profile" loading="lazy" />
|
|
<div class="crayons-sponsorship__title ml-2 fs-s fw-medium"><%= display_ad.organization.name %></div>
|
|
<% if display_ad.type_of == "external" %>
|
|
<span class="crayons-sponsorship__indicator c-indicator c-indicator--subtle c-indicator--round fs-xs fw-medium ml-2 py-1 px-2"> <%= I18n.t("display_ad.promoted") %></span>
|
|
<% end %>
|
|
</div>
|
|
<% else %>
|
|
<div class="crayons-sponsorship__title"><%= Settings::Community.community_name %></div>
|
|
<% end %>
|
|
|
|
<button id="sponsorship-dropdown-trigger-<%= display_ad.id %>" aria-controls="sponsorship-dropdown-<%= display_ad.id %>" aria-expanded="false" aria-haspopup="true"
|
|
class="dropBtn crayons-sponsorship__dropdown crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon"
|
|
aria-label="<%= t("display_ad.menu.aria_label") %>">
|
|
<%= crayons_icon_tag("small-overflow-horizontal", class: "pointer-events-none", title: t("display_ad.menu.icon")) %>
|
|
</button>
|
|
|
|
<div id="sponsorship-dropdown-<%= display_ad.id %>" class="crayons-dropdown sponsorship-dropdown right-0">
|
|
<ul class="list-none m-0">
|
|
<li>
|
|
<a class="crayons-link crayons-link--block" href='/billboards'>
|
|
<%= crayons_icon_tag("info", width: 16, height: 16, aria_hidden: true, class: "c-btn__icon") %>
|
|
<%= I18n.t("display_ad.menu.what_is_a_billboard") %>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="crayons-link crayons-link--block" href='/settings/customization#sponsors'>
|
|
<%= crayons_icon_tag("setting", width: 16, height: 16, aria_hidden: true, class: "c-btn__icon") %>
|
|
<%= I18n.t("display_ad.menu.manage_preferences") %>
|
|
</a>
|
|
</li>
|
|
<hr />
|
|
<li>
|
|
<a class="crayons-link crayons-link--block" href="/report-abuse?billboard=<%= display_ad.id %>">
|
|
<%= crayons_icon_tag("flag", width: 16, height: 16, aria_hidden: true, class: "c-btn__icon") %>
|
|
<%= I18n.t("display_ad.menu.report_billboard") %>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|