adminforth 3.13.4 → 3.13.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -114,7 +114,7 @@ const threeDotsDropdownItemsRefs = ref<Array<ComponentPublicInstance | null>>([]
|
|
|
114
114
|
const showDropdown = ref(false);
|
|
115
115
|
const actionLoadingStates = ref<Record<string, boolean>>({});
|
|
116
116
|
const dropdownRef = ref<HTMLElement | null>(null);
|
|
117
|
-
const buttonTriggerRef = ref<
|
|
117
|
+
const buttonTriggerRef = ref<ComponentPublicInstance | null>(null);
|
|
118
118
|
|
|
119
119
|
const props = defineProps({
|
|
120
120
|
threeDotsDropdownItems: Array<AdminForthComponentDeclarationFull>,
|
|
@@ -192,7 +192,9 @@ function toggleDropdownVisibility() {
|
|
|
192
192
|
function handleClickOutside(e: MouseEvent) {
|
|
193
193
|
if (!dropdownRef.value) return
|
|
194
194
|
|
|
195
|
-
|
|
195
|
+
const triggerEl = buttonTriggerRef.value?.$el as HTMLElement | undefined;
|
|
196
|
+
|
|
197
|
+
if (!dropdownRef.value.contains(e.target as Node) && !triggerEl?.contains(e.target as Node)) {
|
|
196
198
|
showDropdown.value = false;
|
|
197
199
|
}
|
|
198
200
|
}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<BreadcrumbsWithButtons>
|
|
13
13
|
<!-- save and cancle -->
|
|
14
14
|
<Button @click="() => {cancelButtonClicked = true; $router.back()}"
|
|
15
|
-
class="h-[2.125rem] px-3 mr-2"
|
|
15
|
+
class="h-[2.125rem] px-3 mr-2 text-lightEditViewButtonText dark:text-darkEditViewButtonText"
|
|
16
16
|
variant="secondary"
|
|
17
17
|
>
|
|
18
18
|
{{ $t('Cancel') }}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
:to="nextRecordRoute ?? $route"
|
|
16
16
|
@click="handleNextClick()"
|
|
17
17
|
:class="!nextRecordRoute ? 'opacity-50 pointer-events-none cursor-not-allowed' : ''"
|
|
18
|
-
class="h-[2.125rem]"
|
|
18
|
+
class="h-[2.125rem] text-lightListViewButtonText dark:text-darkListViewButtonText px-3 py-3"
|
|
19
19
|
variant="secondary"
|
|
20
20
|
>
|
|
21
21
|
<Spinner v-if="isFetchingNextPage" class="w-4 h-4 text-gray-200 dark:text-gray-500 fill-gray-500 dark:fill-gray-300" />
|