fix: unclickable thumbs on edge/safari
This commit is contained in:
parent
65d0a9380d
commit
87fd1c9a23
3
TODO.md
3
TODO.md
|
@ -13,7 +13,10 @@
|
||||||
* loading transitions
|
* loading transitions
|
||||||
* nav buttons
|
* nav buttons
|
||||||
* social nav items -> put in store or whatever
|
* social nav items -> put in store or whatever
|
||||||
|
* facebook/twitter social card thingies
|
||||||
|
|
||||||
## Maybes
|
## Maybes
|
||||||
* gallery page - featured images in same style as on services page with the
|
* gallery page - featured images in same style as on services page with the
|
||||||
diagonal divide
|
diagonal divide
|
||||||
|
|
||||||
|
## Fixes
|
||||||
|
|
|
@ -23,6 +23,7 @@ export default {
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.featured-image {
|
.featured-image {
|
||||||
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
|
|
|
@ -302,6 +302,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.thumb-container {
|
.thumb-container {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
height: $gallery-thumbs-height--compact;
|
height: $gallery-thumbs-height--compact;
|
||||||
width: $gallery-thumbs-height--compact * 1.6;
|
width: $gallery-thumbs-height--compact * 1.6;
|
||||||
flex: 0 0 $gallery-thumbs-height--compact * 1.6;
|
flex: 0 0 $gallery-thumbs-height--compact * 1.6;
|
||||||
|
|
Loading…
Reference in New Issue