ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

use rowGap property with gridRowGap as fallback

Browse Source
This commit is contained in:
Alina Beck 2019-08-20 15:46:41 +01:00
parent f5ef859cc9
commit 626e9e24d4
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
webapp/components/MasonryGrid/MasonryGridItem.vue
View File

@ -15,9 +15,10 @@ export default {
calculateItemHeight() { calculateItemHeight() {
this.$parent.$emit('calculating-item-height') this.$parent.$emit('calculating-item-height')
this.$nextTick(() => { this.$nextTick(() => {
const grid = this.$parent const gridStyle = this.$parent.$el.style
const rowHeight = parseInt(grid.$el.style.gridAutoRows) const rowHeight = parseInt(gridStyle.gridAutoRows)
const rowGap = parseInt(grid.$el.style.gridRowGap) const rowGapValue = gridStyle.rowGap || gridStyle.gridRowGap
const rowGap = parseInt(rowGapValue)
const itemHeight = this.$el.clientHeight const itemHeight = this.$el.clientHeight
this.rowSpan = Math.ceil((itemHeight + rowGap) / (rowHeight + rowGap)) this.rowSpan = Math.ceil((itemHeight + rowGap) / (rowHeight + rowGap))