kodev-org
/
vikunja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(frontend): restore tablet pagination layout (space-between + flex order) 

The Bulma partial applied justify-content: space-between on .pagination and
flex-order 1/2/3 on prev/list/next inside a tablet media query under
.is-centered — the port missed both. Pixel-diff against main is now zero.
This commit is contained in:
kolaente 2026-04-17 17:07:50 +02:00 committed by kolaente
parent 8f64836999
commit b241c293d0
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/base/BasePagination.vue
View File

@ -159,11 +159,13 @@ const pages = computed(() => createPagination(props.totalPages, props.currentPag
}
.pagination {
justify-content: space-between;
margin-block: 0;
&.is-centered {
.pagination-list {
justify-content: center;
order: 2;
}
}
}

10
frontend/src/components/misc/PaginationItem.vue
View File

@ -132,6 +132,16 @@ const emit = defineEmits<{
.pagination-link {
margin-block: 0;
}
// BasePagination hardcodes `.is-centered`, so prev and next are flex-ordered
// around the centered page list (prev left, list middle, next right).
.pagination-previous {
order: 1;
}
.pagination-next {
order: 3;
}
}
</style>