wazolab/portfolio
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Commented IntersectionObserver for testing purposes + bug fix on computed

Browse Source
This commit is contained in:
Noé Viricel
2020-11-03 19:25:18 +01:00
parent a18e5f5b5b
commit 0a0c890921
1 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/Grid.vue
View File

@@ -92,9 +92,9 @@ export default {
components: { GridEmpty }, components: { GridEmpty },
computed: { computed: {
filteredData() { filteredData() {
if (this.filter === "all") return shuffle(this.dataSource); if (this.filter === "all") return this.dataSource;
return this.shuffle(this.dataSource.filter(o => o.type === this.filter)); return shuffle(this.dataSource.filter(o => o.type === this.filter));
} }
}, },
props: { props: {
@@ -116,14 +116,10 @@ export default {
methods: { methods: {
// FIXME: Commented for testing purposes // FIXME: Commented for testing purposes
// observeElmt(elmt) { // observeElmt(elmt) {
// const options = {
// root: elmt,
// threshold: 1
// };
// const observer = new IntersectionObserver( // const observer = new IntersectionObserver(
// ([e]) => // ([e]) =>
// e.target.classList.toggle("shadow-md", e.intersectionRatio < 1), // e.target.classList.toggle("shadow-md", e.intersectionRatio < 1),
// options // { threshold: [1] }
// ); // );
// observer.observe(elmt); // observer.observe(elmt);
// } // }
@@ -138,6 +134,7 @@ export default {
z-index: 15; z-index: 15;
transition: all 0.1s; transition: all 0.1s;
padding-top: calc(0.75rem + 1px); padding-top: calc(0.75rem + 1px);
padding-left: 0;
} }
.grid-item-thumbnail { .grid-item-thumbnail {