fix: unindent styles in pagination (#1172)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1172
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
This commit is contained in:
Dominik Pschenitschni 2021-12-11 13:00:35 +00:00 committed by konrad
parent 41c0594bd2
commit cb9e1e891d

View file

@ -21,11 +21,11 @@
<li :key="`page-${i}`" v-for="(p, i) in pages"> <li :key="`page-${i}`" v-for="(p, i) in pages">
<span class="pagination-ellipsis" v-if="p.isEllipsis">&hellip;</span> <span class="pagination-ellipsis" v-if="p.isEllipsis">&hellip;</span>
<router-link <router-link
v-else
class="pagination-link"
:aria-label="'Goto page ' + p.number" :aria-label="'Goto page ' + p.number"
:class="{ 'is-current': p.number === currentPage }" :class="{ 'is-current': p.number === currentPage }"
:to="getRouteForPagination(p.number)" :to="getRouteForPagination(p.number)"
class="pagination-link"
v-else
> >
{{ p.number }} {{ p.number }}
</router-link> </router-link>
@ -98,13 +98,13 @@ const pages = computed(() => createPagination(props.totalPages, props.currentPag
<style lang="scss" scoped> <style lang="scss" scoped>
.pagination { .pagination {
padding-bottom: 1rem; padding-bottom: 1rem;
}
.pagination-previous, .pagination-previous,
.pagination-next { .pagination-next {
&:not(:disabled):hover { &:not(:disabled):hover {
background: $scheme-main; background: $scheme-main;
cursor: pointer; cursor: pointer;
} }
}
} }
</style> </style>