42c9a10f57
* added follow hidden tags for accessibility * fixed failing tests * replaced hidden span with screen-reader-only with aria-label * add aria-label dynamically to follow buttons * fixed followButtons * fixed cypress tests and updated addAriaLabelToButton helper * Fixed failing tests * fixed failing tests * Update cypress/integration/seededFlows/notificationsFlows/followUserFromNotifications.spec.js Co-authored-by: Suzanne Aitchison <suzanne@forem.com> Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
26 lines
1.3 KiB
Text
26 lines
1.3 KiB
Text
<div class="<%= "ltag__user ltag__user__id__#{user.id}" %>" style="<%= "border-color:#{user.darker_color};box-shadow: 3px 3px 0px #{user.darker_color};" %>">
|
|
<style>
|
|
.ltag__user__id__<%= user.id %> .follow-action-button {
|
|
background-color: <%= user_colors[:bg] %> !important;
|
|
color: <%= user_colors[:text] %> !important;
|
|
border-color: <%= user_colors[:bg].casecmp("#ffffff").zero? ? user_colors[:text] : user_colors[:bg] %> !important;
|
|
}
|
|
</style>
|
|
<% if user_path.present? %>
|
|
<a href="<%= user_path %>" class="ltag__user__link profile-image-link">
|
|
<div class="ltag__user__pic">
|
|
<img src="<%= Images::Profile.call(user.profile_image_url, length: 150) %>" alt="<%= "#{user.username} image" %>" />
|
|
</div>
|
|
</a>
|
|
<% else %>
|
|
<div class="ltag__user__pic">
|
|
<img src="<%= Images::Profile.call(user.profile_image_url, length: 150) %>" alt="<%= "#{user.username} image" %>" />
|
|
</div>
|
|
<% end %>
|
|
<div class="ltag__user__content">
|
|
<h2><%= link_to_if user_path.present?, user.name, user_path, class: "ltag__user__link" %><%= follow_button(user) %></h2>
|
|
<div class="ltag__user__summary">
|
|
<%= link_to_if user_path.present?, user.tag_line, user_path, class: "ltag__user__link" %>
|
|
</div>
|
|
</div>
|
|
</div>
|