From d02ab109f2f3662d55b6d0b9dfabbea19d13e3bf Mon Sep 17 00:00:00 2001 From: Maikel Linke Date: Tue, 21 Apr 2020 17:10:27 +1000 Subject: [PATCH] Show product images on mobile --- .../darkswarm/_shop-product-rows.scss | 27 ------------------- .../darkswarm/_shop-product-thumb.scss | 20 -------------- 2 files changed, 47 deletions(-) diff --git a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss index bb01a365c9..5ea28f03cd 100644 --- a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss +++ b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss @@ -11,16 +11,6 @@ padding-top: 0em; padding-bottom: 0em; line-height: 1.1; - - // outline: 1px solid red - - @include breakpoint(tablet) { - font-size: 0.875rem; - } - - @include breakpoint(phablet) { - font-size: 0.75rem; - } } } @@ -36,16 +26,11 @@ // Variant name .variant-name { padding-left: 7.9375rem; - - @include breakpoint(tablet) { - padding-left: 4.9375rem; - } } .variant-name { @include breakpoint(phablet) { padding-left: 0.9375rem; - font-weight: bold; } } @@ -53,10 +38,6 @@ .variant-unit { color: #888; font-size: 0.875rem; - - @include breakpoint(tablet) { - font-size: 0.75rem; - } } // Variant price @@ -104,14 +85,6 @@ .summary-header { padding-left: 7.9375rem; - @include breakpoint(tablet) { - padding-left: 4.9375rem; - } - - @include breakpoint(phablet) { - padding-left: 0.9375rem; - } - .product-producer { white-space: nowrap; overflow: hidden; diff --git a/app/assets/stylesheets/darkswarm/_shop-product-thumb.scss b/app/assets/stylesheets/darkswarm/_shop-product-thumb.scss index c9f8794295..7ca0a91d7d 100644 --- a/app/assets/stylesheets/darkswarm/_shop-product-thumb.scss +++ b/app/assets/stylesheets/darkswarm/_shop-product-thumb.scss @@ -56,26 +56,6 @@ @include transform-scale(scale(1.1)); } } - - @include breakpoint(tablet) { - top: 2px; - width: 4rem; - height: 4rem; - - &:hover, &:focus, &:active { - i { - left: 30%; - top: 30%; - font-size: 2rem; - } - } - } - - @include breakpoint(phablet) { - display: none; - width: 0rem; - height: 0rem; - } } } }