mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-27 01:43:22 +00:00
Show properties alongside taxons on producer fat view
This commit is contained in:
@@ -53,9 +53,13 @@
|
||||
&:last-child
|
||||
margin-bottom: 1rem
|
||||
|
||||
.fat-taxons, .fat-properties
|
||||
.fat-taxons
|
||||
background-color: $clr-turquoise-light
|
||||
|
||||
.fat-properties
|
||||
background-color: $clr-turquoise-ultra-light
|
||||
border: 1px solid $clr-turquoise-light
|
||||
|
||||
.producer-name
|
||||
color: $clr-turquoise
|
||||
|
||||
|
||||
@@ -16,15 +16,13 @@
|
||||
%label
|
||||
= t :producers_buy
|
||||
%p.trans-sentence
|
||||
%span.fat-taxons{"ng-repeat" => "taxon in producer.supplied_taxons"}
|
||||
%render-svg{path: "{{taxon.icon}}"}
|
||||
%span{"ng-bind" => "::taxon.name"}
|
||||
|
||||
%div
|
||||
%label Product properties
|
||||
%p.trans-sentence
|
||||
%span.fat-properties{"ng-repeat" => "property in producer.properties"}
|
||||
%span{"ng-bind" => "property.presentation"}
|
||||
%div
|
||||
%span.fat-taxons{"ng-repeat" => "taxon in producer.supplied_taxons"}
|
||||
%render-svg{path: "{{taxon.icon}}"}
|
||||
%span{"ng-bind" => "::taxon.name"}
|
||||
%div
|
||||
%span.fat-properties{"ng-repeat" => "property in producer.properties"}
|
||||
%span{"ng-bind" => "property.presentation"}
|
||||
|
||||
%div.show-for-medium-up{"ng-if" => "producer.supplied_taxons.length==0"}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user