From 3ec80aaaa34dde26a243a17eeb7f88820a668e2b Mon Sep 17 00:00:00 2001 From: Will Marshall Date: Wed, 12 Mar 2014 12:52:21 +1100 Subject: [PATCH] Styling improvements to the popups for producers --- app/assets/javascripts/darkswarm/all.js.coffee | 1 + app/assets/stylesheets/darkswarm/shop.css.sass | 4 ++++ app/views/shop/shop/_producer_details.html.haml | 9 +++++++++ 3 files changed, 14 insertions(+) create mode 100644 app/views/shop/shop/_producer_details.html.haml diff --git a/app/assets/javascripts/darkswarm/all.js.coffee b/app/assets/javascripts/darkswarm/all.js.coffee index 1f2ecf155d..ba5c6b8086 100644 --- a/app/assets/javascripts/darkswarm/all.js.coffee +++ b/app/assets/javascripts/darkswarm/all.js.coffee @@ -13,3 +13,4 @@ $ -> $(document).foundation() + $(document).foundation('reveal', {animation: 'fade'}) diff --git a/app/assets/stylesheets/darkswarm/shop.css.sass b/app/assets/stylesheets/darkswarm/shop.css.sass index 1b9109cfaa..b858770200 100644 --- a/app/assets/stylesheets/darkswarm/shop.css.sass +++ b/app/assets/stylesheets/darkswarm/shop.css.sass @@ -90,6 +90,10 @@ product max-width: 555px @media all and (max-width: 768px) height: auto !important + ul + list-style-type: none + padding-left: none + & > .title, &.active > .title text-transform: uppercase line-height: 50px diff --git a/app/views/shop/shop/_producer_details.html.haml b/app/views/shop/shop/_producer_details.html.haml new file mode 100644 index 0000000000..c763a65728 --- /dev/null +++ b/app/views/shop/shop/_producer_details.html.haml @@ -0,0 +1,9 @@ +- for producer in @producers + .reveal-modal{id: "producer_details_#{producer.id}"} + %h2 + %img.left{src: producer.logo.url(:thumb)} + = producer.name + %img.about.right{src: producer.promo_image.url(:large)} + = producer.description.andand.html_safe + %a.close-reveal-modal × +