Commit 04e18905 authored by Benni Mack's avatar Benni Mack
Browse files

Merge branch 'T3DEMO-263' into 'main'

[TASK] Fix zoom on hover for Safari

See merge request !7
parents 4767327e 802c6714
Pipeline #10108 passed with stages
in 5 minutes and 9 seconds
......@@ -6,3 +6,9 @@
transform: scale(1.06);
}
}
// fix for Safari:
// Images in teaser container with border-radius do not hide inside the border radius constraints while transitioning/zooming
@mixin teasercontainer-safarifix() {
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
......@@ -14,6 +14,7 @@
border-radius: $border-radius $border-radius 0 0;
overflow: hidden;
line-height: 1px;
@include teasercontainer-safarifix();
}
&__image {
width: 100%;
......
......@@ -20,6 +20,7 @@
overflow: hidden;
line-height: 1px;
margin-bottom: 10px;
@include teasercontainer-safarifix();
}
&__image {
width: 100%;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment