Merge pull request #36082 from nextcloud/backport/35903/stable25

[stable25] Replace custom tooltips with native ones in apps page

Author: artonge

apps/settings/src/components/AppList/AppItem.vue

@@ -53,11 +53,13 @@
 
 		<div class="app-level">
 			<span v-if="app.level === 300"
-				v-tooltip.auto="t('settings', 'This app is supported via your current Nextcloud subscription.')"
+				:title="t('settings', 'This app is supported via your current Nextcloud subscription.')"
+				:aria-label="t('settings', 'This app is supported via your current Nextcloud subscription.')"
 				class="supported icon-checkmark-color">
 				{{ t('settings', 'Supported') }}</span>
 			<span v-if="app.level === 200"
-				v-tooltip.auto="t('settings', 'Featured apps are developed by and within the community. They offer central functionality and are ready for production use.')"
+				:title="t('settings', 'Featured apps are developed by and within the community. They offer central functionality and are ready for production use.')"
+				:aria-label="t('settings', 'Featured apps are developed by and within the community. They offer central functionality and are ready for production use.')"
 				class="official icon-checkmark">
 				{{ t('settings', 'Featured') }}</span>
 			<AppScore v-if="hasRating && !listView" :score="app.score" />
@@ -87,14 +89,16 @@
 				{{ t('settings','Disable') }}
 			</NcButton>
 			<NcButton v-if="!app.active && (app.canInstall || app.isCompatible)"
-				v-tooltip.auto="enableButtonTooltip"
+				:title="enableButtonTooltip"
+				:aria-label="enableButtonTooltip"
 				type="primary"
 				:disabled="!app.canInstall || installing || isLoading"
 				@click.stop="enable(app.id)">
 				{{ enableButtonText }}
 			</NcButton>
 			<NcButton v-else-if="!app.active"
-				v-tooltip.auto="forceEnableButtonTooltip"
+				:title="forceEnableButtonTooltip"
+				:aria-label="forceEnableButtonTooltip"
 				type="secondary"
 				:disabled="installing || isLoading"
 				@click.stop="forceEnable(app.id)">

apps/settings/src/views/Apps.vue

@@ -98,11 +98,11 @@
 				<!-- Featured/Supported badges -->
 				<div v-if="app.level === 300 || app.level === 200 || hasRating" class="app-level">
 					<span v-if="app.level === 300"
-						v-tooltip.auto="t('settings', 'This app is supported via your current Nextcloud subscription.')"
+						:title="t('settings', 'This app is supported via your current Nextcloud subscription.')"
 						class="supported icon-checkmark-color">
 						{{ t('settings', 'Supported') }}</span>
 					<span v-if="app.level === 200"
-						v-tooltip.auto="t('settings', 'Featured apps are developed by and within the community. They offer central functionality and are ready for production use.')"
+						:title="t('settings', 'Featured apps are developed by and within the community. They offer central functionality and are ready for production use.')"
 						class="official icon-checkmark">
 						{{ t('settings', 'Featured') }}</span>
 					<AppScore v-if="hasRating" :score="app.appstoreData.ratingOverall" />