diff --git a/src/App.vue b/src/App.vue
index 291369a..a4b4b43 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -46,6 +46,18 @@ const appUpdate = (): void => {
window.setTimeout(() => updateServiceWorker(), 4000);
};
+
+const platform = useDisplay().platform;
+
+watch(() => platform.value, (i) => {
+ browserStore.set_android_ios(i.ios || i.android);
+});
+
+onMounted(() => {
+ const platform = useDisplay().platform.value;
+ browserStore.set_android_ios(platform.ios || platform.android);
+});
+
const browserStore = browserModule();
const authenticated = computed((): boolean => {
diff --git a/src/components/Admin/AdminDeviceRow.vue b/src/components/Admin/AdminDeviceRow.vue
index 5dc4284..b840272 100644
--- a/src/components/Admin/AdminDeviceRow.vue
+++ b/src/components/Admin/AdminDeviceRow.vue
@@ -23,7 +23,7 @@
-
+
click to {{ tooltip }}pause
@@ -54,7 +54,7 @@
ulid: {{ con_item.ulid }}
-
+
click to kill connection
@@ -77,6 +77,7 @@ import { mdiCheck, mdiChevronDown, mdiChevronUp, mdiClose, mdiDeleteCircle, mdiP
import { snackSuccess } from '@/services/snack';
import CopyButton from '@/components/Buttons/CopyButton.vue';
import type { AdminDeviceAndConnections, TAuthObject } from '@/types';
+import { useDisplay } from 'vuetify';
const show_connections = ref(false);
const connections_icon = computed((): string => {
@@ -90,6 +91,11 @@ const click_connections = () : void => {
show_connections.value = !show_connections.value;
};
+/// Don't show tooltips when on android or ios if also on mobile view!
+const show_tooltip = computed((): boolean => {
+ return !(browserModule().android_ios && useDisplay().mobile.value);
+});
+
const loading = computed({
get (): boolean {
return loadingModule().loading;
diff --git a/src/components/Admin/AdminUserRow.vue b/src/components/Admin/AdminUserRow.vue
index a6b492b..ad0309e 100644
--- a/src/components/Admin/AdminUserRow.vue
+++ b/src/components/Admin/AdminUserRow.vue
@@ -16,7 +16,7 @@
density='compact'
label=''
/>
-
+
can't disable self
diff --git a/src/components/Buttons/CopyButton.vue b/src/components/Buttons/CopyButton.vue
index e551fcb..d58ec72 100644
--- a/src/components/Buttons/CopyButton.vue
+++ b/src/components/Buttons/CopyButton.vue
@@ -2,7 +2,7 @@
-
+
{{ message }}
{
clearTimeout(tooltipTimeout.value);
});
-
+
+/// Don't show tooltips when on android or ios if also on mobile view!
+const show_tooltip = computed((): boolean => {
+ return !(browserModule().android_ios && useDisplay().mobile.value);
+});
+
const iconSize = computed((): string => {
if (onMobile.value || props.xsmall) {
return 'x-small';
diff --git a/src/components/Buttons/DocumentationLink.vue b/src/components/Buttons/DocumentationLink.vue
index cb3c95c..76ae140 100644
--- a/src/components/Buttons/DocumentationLink.vue
+++ b/src/components/Buttons/DocumentationLink.vue
@@ -1,7 +1,7 @@
-
+
open documentation
@@ -10,6 +10,12 @@