raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-09 03:20:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Emphasize first identifying name of a variant

Browse Source 
That can be a variant name or the unit if the name is missing. Putting
the second and third element in the background consistently.
This commit is contained in:
Maikel Linke
2020-05-20 15:34:07 +10:00
parent 7660116792
commit 35747dc2b1
3 changed files with 6 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/templates/shop_variant.html.haml
View File

@@ -1,8 +1,8 @@
.variants.row
.small-3.medium-4.large-6.columns.variant-name
.inline {{ ::variant.display_name }}
.inline{"ng-if" => "::variant.display_name"} {{ ::variant.display_name }}
.variant-unit {{ ::variant.unit_to_display }}
.bulk-buy.inline{"ng-if" => "::variant.product.group_buy"}
.inline{"ng-if" => "::variant.product.group_buy"}
%i.ofn-i_056-bulk><
%em><
\ {{::'bulk' | t}}

11
app/assets/stylesheets/darkswarm/_shop-product-rows.scss
View File

@@ -25,18 +25,15 @@
// Variant name
.variant-name {
padding-left: 7.9375rem;
}
.variant-name {
@include breakpoint(phablet) {
padding-left: 0.9375rem;
}
}
// Variant unit
.variant-unit {
color: #888;
font-size: 0.875rem;
& > *:nth-child(n + 2) {
color: #888;
font-size: 0.875rem;
}
}
// Variant price

13
app/assets/stylesheets/darkswarm/shop.scss
View File

@@ -64,19 +64,6 @@
display: block;
color: $med-drk-grey;
// BULK
.bulk-buy {
font-size: 0.875rem;
@include breakpoint(tablet) {
font-size: 0.75rem;
}
}
.bulk-buy, .bulk-buy i {
color: #888;
}
.inline {
display: inline;
}