forked from vikunja/frontend
chore: move margin outside of the popup component
This commit is contained in:
parent
cff2a0bf6f
commit
c040620185
|
@ -16,10 +16,12 @@
|
||||||
{{ $t('filters.title') }}
|
{{ $t('filters.title') }}
|
||||||
</x-button>
|
</x-button>
|
||||||
</template>
|
</template>
|
||||||
<template #content>
|
<template #content="{isOpen}">
|
||||||
<filters
|
<filters
|
||||||
v-model="value"
|
v-model="value"
|
||||||
ref="filters"
|
ref="filters"
|
||||||
|
class="filter-popup"
|
||||||
|
:class="{'is-open': isOpen}"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
</popup>
|
</popup>
|
||||||
|
@ -84,3 +86,13 @@ export default {
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.filter-popup {
|
||||||
|
margin: 0 !important;
|
||||||
|
|
||||||
|
&.is-open {
|
||||||
|
margin: 2rem 0 1rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<slot name="trigger" :isOpen="open" :toggle="toggle"></slot>
|
<slot name="trigger" :isOpen="open" :toggle="toggle"></slot>
|
||||||
<div class="popup" :class="{'is-open': open}" ref="popup">
|
<div class="popup" :class="{'is-open': open}" ref="popup">
|
||||||
<slot name="content"/>
|
<slot name="content" :isOpen="open"/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -45,12 +45,10 @@ onBeforeUnmount(() => {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1rem;
|
top: 1rem;
|
||||||
margin: 0 !important;
|
|
||||||
|
|
||||||
&.is-open {
|
&.is-open {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin: 1rem 0 !important;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -12,8 +12,8 @@
|
||||||
{{ $t('list.table.columns') }}
|
{{ $t('list.table.columns') }}
|
||||||
</x-button>
|
</x-button>
|
||||||
</template>
|
</template>
|
||||||
<template #content>
|
<template #content="{isOpen}">
|
||||||
<card class="columns-filter">
|
<card class="columns-filter" :class="{'is-open': isOpen}">
|
||||||
<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.id">#</fancycheckbox>
|
<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.id">#</fancycheckbox>
|
||||||
<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.done">
|
<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.done">
|
||||||
{{ $t('task.attributes.done') }}
|
{{ $t('task.attributes.done') }}
|
||||||
|
@ -320,4 +320,12 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.columns-filter {
|
||||||
|
margin: 0 !important;
|
||||||
|
|
||||||
|
&.is-open {
|
||||||
|
margin: 2rem 0 1rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue
Block a user