Make the link for product modal just go around the text and not full block

2026-01-24 20:36:49 +00:00 · 2014-07-31 11:29:02 +10:00
parent 753ea16093
commit 46146c83a8
2 changed files with 7 additions and 4 deletions
--- a/app/assets/stylesheets/darkswarm/_shop-product-rows.css.sass
+++ b/app/assets/stylesheets/darkswarm/_shop-product-rows.css.sass
@@ -100,8 +100,10 @@
          h3
            font-size: 1.5rem
            margin: 0
-          a h3
-            color: black
+          h3 a
+            color: #222
+            &:hover, &:focus, &:active
+              color: black



--- a/app/views/shop/products/_summary.html.haml
+++ b/app/views/shop/products/_summary.html.haml
@@ -4,8 +4,9 @@

 .row.summary
  .small-9.medium-10.large-11.columns.summary-header
-    %a{"ng-click" => "triggerProductModal()"}
-      %h3 {{ product.name }}
+    %h3
+      %a{"ng-click" => "triggerProductModal()"}
+        {{ product.name }}

    %em from 
    %span