feed page indicator now more clearly communicates button behaviour when trying to go to a page earlier than first or later than last
This commit is contained in:
@@ -13,7 +13,7 @@
|
||||
{#snippet pageButtons(currentIndex: number)}
|
||||
<div class="page-button-container blurred-background">
|
||||
{#if currentIndex == 1}
|
||||
<p class="page-button page-button-left">x</p>
|
||||
<p class="page-button page-button-left page-button-disabled">x</p>
|
||||
{:else}
|
||||
<a class="page-button page-button-left page-button-clickable" href="?p={currentIndex - 1}"><</a>
|
||||
{/if}
|
||||
@@ -23,7 +23,7 @@
|
||||
{/each}
|
||||
|
||||
{#if currentIndex == data.maxPages}
|
||||
<p class="page-button page-button-right">x</p>
|
||||
<p class="page-button page-button-right page-button-disabled">x</p>
|
||||
{:else}
|
||||
<a class="page-button page-button-right page-button-clickable" href="?p={currentIndex + 1}">></a>
|
||||
{/if}
|
||||
@@ -101,6 +101,11 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.page-button-disabled {
|
||||
color: var(--color-text-tertiary);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.page-index:link, .page-index:visited {
|
||||
color: var(--color-text)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user