diff options
author | Paul Tirk <paultirk@paultirk.com> | 2024-03-21 20:22:49 +0000 |
---|---|---|
committer | Benjamin Brahmer <info@b-brahmer.de> | 2024-05-07 13:52:59 +0200 |
commit | f774eba2274a433bdb4439dba00be1572a16f00a (patch) | |
tree | f51dfff2809d06b925af06ce27e3da07bb625f2a | |
parent | cdff40499b609c51a3a128b2d5c2f068d5f7b72f (diff) |
move feed item list header actually into header
Signed-off-by: Paul Tirk <paultirk@paultirk.com>
-rw-r--r-- | src/components/ContentTemplate.vue | 21 | ||||
-rw-r--r-- | src/components/feed-display/FeedItemDisplayList.vue | 13 |
2 files changed, 17 insertions, 17 deletions
diff --git a/src/components/ContentTemplate.vue b/src/components/ContentTemplate.vue index 57a1ce618..ddfe200de 100644 --- a/src/components/ContentTemplate.vue +++ b/src/components/ContentTemplate.vue @@ -3,14 +3,14 @@ @update:showDetails="unselectItem()"> <template #list> <NcAppContentList> - <div class="header"> - <slot name="header" /> - </div> - <FeedItemDisplayList :items="items" :fetch-key="fetchKey" :config="config" - @load-more="emit('load-more')" /> + @load-more="emit('load-more')"> + <template #header> + <slot name="header" /> + </template> + </FeedItemDisplayList> </NcAppContentList> </template> @@ -92,14 +92,3 @@ function unselectItem() { } </script> - -<style scoped> - -.header { - padding-left: 50px; - position: absolute; - top: 1em; - font-weight: 700; -} - -</style> diff --git a/src/components/feed-display/FeedItemDisplayList.vue b/src/components/feed-display/FeedItemDisplayList.vue index 6ff4d9d66..65bd6cf13 100644 --- a/src/components/feed-display/FeedItemDisplayList.vue +++ b/src/components/feed-display/FeedItemDisplayList.vue @@ -1,6 +1,10 @@ <template> <div class="feed-item-display-list"> <div class="header"> + <div class="header-content"> + <slot name="header" /> + </div> + <NcActions class="filter-container" :force-menu="true"> <template #icon> <FilterIcon /> @@ -206,8 +210,15 @@ export default Vue.extend({ } .header { - justify-content: right; display: flex; + align-items: center; + justify-content: right; + } + + .header-content { + flex-grow: 1; + padding-left: 50px; + font-weight: 700; } .filter-container { |