Skip to content

Commit 1a0ea14

Browse files
committed
fix: adjust z-index values for table header and pagination for proper sticky behavior
1 parent dcd8ef5 commit 1a0ea14

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

adminforth/spa/src/afcl/Dialog.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
<!-- Confirmation Modal -->
5656
<div
5757
v-if="showConfirmationOnClose"
58-
class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-60"
58+
class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-[60]"
5959
>
6060
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg max-w-sm w-full">
6161
<h2 class="text-lg font-semibold mb-4 text-lightDialogHeaderText dark:text-darkDialogHeaderText">Confirm Close</h2>

adminforth/spa/src/afcl/Table.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div class="afcl-table-container relative overflow-x-auto overflow-y-auto shadow-md rounded-lg">
33
<table class="afcl-table w-full text-sm text-left rtl:text-right text-lightTableText dark:text-darkTableText overflow-x-auto">
4-
<thead class="afcl-table-thread z-50 text-xs text-lightTableHeadingText uppercase bg-lightTableHeadingBackground dark:bg-darkTableHeadingBackground dark:text-darkTableHeadingText" :class="makeHeaderSticky ? 'sticky top-0' : ''">
4+
<thead class="afcl-table-thread z-40 text-xs text-lightTableHeadingText uppercase bg-lightTableHeadingBackground dark:bg-darkTableHeadingBackground dark:text-darkTableHeadingText" :class="makeHeaderSticky ? 'sticky top-0' : ''">
55
<tr>
66
<th
77
scope="col"
@@ -81,7 +81,7 @@
8181
<nav class="afcl-table-pagination-container bg-lightTableBackground dark:bg-darkTableBackground mt-2 flex flex-col gap-2 items-center sm:flex-row justify-center sm:justify-between px-4 pb-4"
8282
v-if="totalPages > 1"
8383
:aria-label="$t('Table navigation')"
84-
:class="makePaginationSticky ? 'sticky bottom-0' : ''"
84+
:class="makePaginationSticky ? 'sticky bottom-0 pt-4' : ''"
8585
>
8686
<i18n-t
8787
keypath="Showing {from} to {to} of {total}" tag="span" class="afcl-table-pagination-text text-sm font-normal text-center text-lightTablePaginationText dark:text-darkTablePaginationText sm:mb-4 md:mb-0 block w-full md:inline md:w-auto"

0 commit comments

Comments
 (0)