better name for css class progress-fade

This commit is contained in:
Brenda Wallace
2019-10-24 19:16:41 +13:00
parent a1479c9126
commit f7f3ac695f
2 changed files with 4 additions and 4 deletions

View File

@@ -344,13 +344,13 @@ ul.thumbnail-buttons {
}
}
.tint {
.progress-fade {
cursor: pointer;
float: left;
position: relative;
}
.tint::before {
.progress-fade::before {
background: $beige;
bottom: 0;
content: '';
@@ -363,7 +363,7 @@ ul.thumbnail-buttons {
transition: background .3s linear;
}
.tint:hover::before {
.progress-fade:hover::before {
background: none;
}

View File

@@ -15,7 +15,7 @@
.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => @planting.percentage_grown, role: "progressbar", style: "width: #{@planting.percentage_grown}%"}
%ul.list-unstyled.d-flex.justify-content-between
- (@planting.expected_lifespan / 7).times do |week_number|
%li{class: @planting.planted_at + week_number.weeks > Time.zone.today ? 'text-muted tint' : '', 'data-toggle': "tooltip", 'data-placement': "top", title: I18n.l(@planting.planted_at + week_number.weeks)}
%li{class: @planting.planted_at + week_number.weeks > Time.zone.today ? 'text-muted progress-fade' : '', 'data-toggle': "tooltip", 'data-placement': "top", title: I18n.l(@planting.planted_at + week_number.weeks)}
= render 'timeline_icon', planting: @planting,
week_number: week_number, date_this_week: @planting.planted_at + week_number.weeks
(One emojii = 1 week)