Skip to content
This repository was archived by the owner on Jan 26, 2024. It is now read-only.

Commit f4e4664

Browse files
authored
Merge pull request #4115 from gibkigonzo/bugfix/remove-image-hover-on-mobile
disable zoom image on hover in mobile
2 parents 0390ad6 + eeb11c4 commit f4e4664

File tree

2 files changed

+11
-8
lines changed

2 files changed

+11
-8
lines changed

CHANGELOG.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
1919
- add disconnect and sync options for clear/cart - @gibkigonzo (#4062)
2020
- Fix current token invalidation with refresh token - @gibkigonzo (#3928, #3620, #3626)
2121
- Disable overriding `route`, `config`, `storeView`, `version` state in __INITIAL_STATE__ - @gibkigonzo (pr#4095)
22+
- Disable zoom image on hover in mobile - @gibkigonzo (pr#4115)
2223

2324
## [1.10.5] - 28.11.2019
2425

src/themes/default/components/core/ProductTile.vue

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -155,14 +155,16 @@ $color-white: color(white);
155155
height: 100%;
156156
max-height: 300px;
157157
158-
&:hover{
159-
.product-image__content{
160-
opacity: 1;
161-
transform: scale(1.1);
162-
}
163-
&.sale::after,
164-
&.new::after{
165-
opacity: .8;
158+
@media (min-width: 1024px) {
159+
&:hover{
160+
.product-image__content{
161+
opacity: 1;
162+
transform: scale(1.1);
163+
}
164+
&.sale::after,
165+
&.new::after{
166+
opacity: .8;
167+
}
166168
}
167169
}
168170
&__content{

0 commit comments

Comments
 (0)