consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix focus outline on budget executions index

Browse Source 
The outline was invisible when we had the link containing block
elements, and I didn't manage to fix it, so the easiest solution is to
use an inline link and style the card with CSS.
This commit is contained in:
Javi Martín
2023-09-27 17:21:34 +02:00
parent f285dfcbac
commit b15512f025
2 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/participation.scss
View File

@@ -1284,6 +1284,7 @@
} }
.budget-execution { .budget-execution {
@include card;
border: 1px solid $border; border: 1px solid $border;
overflow: hidden; overflow: hidden;
position: relative; position: relative;

25
app/views/budgets/executions/_investments.html.erb
View File

@@ -5,19 +5,20 @@
<div class="row" data-equalizer-on="medium" data-equalizer> <div class="row" data-equalizer-on="medium" data-equalizer>
<% investments.each do |investment| %> <% investments.each do |investment| %>
<div class="small-12 medium-6 large-4 column end margin-bottom"> <div class="small-12 medium-6 large-4 column end margin-bottom">
<div class="budget-execution"> <div class="budget-execution" data-equalizer-watch>
<%= link_to budget_investment_path(@budget, investment, anchor: "tab-milestones"), data: { "equalizer-watch": true } do %> <%= render Budgets::Executions::ImageComponent.new(investment) %>
<%= render Budgets::Executions::ImageComponent.new(investment) %> <div class="budget-execution-info">
<div class="budget-execution-info"> <div class="budget-execution-content">
<div class="budget-execution-content"> <h5>
<h5><%= investment.title %></h5> <%= link_to investment.title,
<span class="author"><%= investment.author.name %></span> budget_investment_path(@budget, investment, anchor: "tab-milestones") %>
</div> </h5>
<p class="price margin-top text-center"> <span class="author"><%= investment.author.name %></span>
<strong><%= investment.formatted_price %></strong>
</p>
</div> </div>
<% end %> <p class="price margin-top text-center">
<strong><%= investment.formatted_price %></strong>
</p>
</div>
</div> </div>
</div> </div>
<% end %> <% end %>