diff --git a/auth-web/package-lock.json b/auth-web/package-lock.json
index 1558c0fa03..52b61f6c49 100644
--- a/auth-web/package-lock.json
+++ b/auth-web/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "auth-web",
- "version": "2.4.65",
+ "version": "2.4.66",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "auth-web",
- "version": "2.4.65",
+ "version": "2.4.66",
"dependencies": {
"@bcrs-shared-components/base-address": "2.0.3",
"@bcrs-shared-components/bread-crumb": "1.0.8",
diff --git a/auth-web/package.json b/auth-web/package.json
index 8b00e33008..a97c5b51d3 100644
--- a/auth-web/package.json
+++ b/auth-web/package.json
@@ -1,6 +1,6 @@
{
"name": "auth-web",
- "version": "2.4.65",
+ "version": "2.4.66",
"appName": "Auth Web",
"sbcName": "SBC Common Components",
"private": true,
diff --git a/auth-web/src/components/pay/eft/ShortNameAccountLink.vue b/auth-web/src/components/pay/eft/ShortNameAccountLink.vue
index 71cf24682c..54651ad27e 100644
--- a/auth-web/src/components/pay/eft/ShortNameAccountLink.vue
+++ b/auth-web/src/components/pay/eft/ShortNameAccountLink.vue
@@ -69,6 +69,7 @@ export default defineComponent({
.card-title {
background-color: $app-lt-blue;
justify-content: left;
+ height: 75px;
}
diff --git a/auth-web/src/components/pay/eft/ShortNameTransactions.vue b/auth-web/src/components/pay/eft/ShortNameTransactions.vue
index 910302dd51..f55ff74ded 100644
--- a/auth-web/src/components/pay/eft/ShortNameTransactions.vue
+++ b/auth-web/src/components/pay/eft/ShortNameTransactions.vue
@@ -29,6 +29,9 @@
mdi-format-list-bulleted
{{ paymentsReceived }}
+
+ ({{ state.totalResults }})
+
@@ -88,7 +91,7 @@ export default defineComponent({
})
const paymentsReceived = computed(() => {
- return `Payments Received from ${props.shortNameDetails.shortName} (${state.totalResults})`
+ return `Payments Received from ${props.shortNameDetails.shortName}`
})
watch(() => props.shortNameDetails, () => {
@@ -145,11 +148,6 @@ export default defineComponent({
@import '@/assets/scss/theme.scss';
@import '@/assets/scss/ShortnameTables.scss';
-.card-title {
- background-color: $app-lt-blue;
- justify-content: left;
-}
-
::v-deep{
#table-title-cell {
background-color: $app-lt-blue;
@@ -160,7 +158,8 @@ export default defineComponent({
}
.base-table__header__title {
- padding-bottom: 16px
+ padding-bottom: 16px;
+ top: 75px !important; // prevent fixed header sliding when there is a title
}
}
diff --git a/auth-web/src/views/pay/eft/ShortNameDetailsView.vue b/auth-web/src/views/pay/eft/ShortNameDetailsView.vue
index 29037a0eb5..892b893f0e 100644
--- a/auth-web/src/views/pay/eft/ShortNameDetailsView.vue
+++ b/auth-web/src/views/pay/eft/ShortNameDetailsView.vue
@@ -13,7 +13,7 @@
diff --git a/auth-web/tests/unit/components/ShortNameTransactions.spec.ts b/auth-web/tests/unit/components/ShortNameTransactions.spec.ts
index df49749772..dcf9bdd6ea 100644
--- a/auth-web/tests/unit/components/ShortNameTransactions.spec.ts
+++ b/auth-web/tests/unit/components/ShortNameTransactions.spec.ts
@@ -100,7 +100,7 @@ describe('ShortNameTransactions.vue', () => {
await wrapper.setProps({ shortNameDetails: { id: 1, shortName: 'SHORTNAME' } })
await wrapper.vm.$nextTick()
- expect(wrapper.find('#table-title-cell').text()).toContain('Payments Received from SHORTNAME (5)')
+ expect(wrapper.find('#table-title-cell').text()).toContain('Payments Received from SHORTNAME (5)')
// verify table
expect(wrapper.findComponent(BaseVDataTable).exists()).toBe(true)