Merge pull request nextcloud#41035 from nextcloud/fix/37092/apps-list--html-validation

fix(settings): apps list html validation and loading icon

Author: susnux

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

@@ -44,7 +44,7 @@
 					class="app-icon" />
 			</svg>
 
-			<img v-if="!listView && app.screenshot && screenshotLoaded" :src="app.screenshot" width="100%">
+			<img v-if="!listView && app.screenshot && screenshotLoaded" :src="app.screenshot" alt="">
 		</component>
 		<component :is="dataItemTag"
 			class="app-name"
@@ -210,7 +210,11 @@ export default {
 </script>
 
 <style scoped lang="scss">
-	.app-icon {
-		filter: var(--background-invert-if-bright);
-	}
+.app-icon {
+	filter: var(--background-invert-if-bright);
+}
+
+.app-image img {
+	width: 100%;
+}
 </style>

apps/settings/src/views/Apps.vue

@@ -22,11 +22,9 @@
 
 <template>
 	<NcContent app-name="settings"
-		:class="{ 'with-app-sidebar': app}"
-		:content-class="{ 'icon-loading': loadingList }"
-		:navigation-class="{ 'icon-loading': loading }">
+		:class="{ 'with-app-sidebar': app}">
 		<!-- Categories & filters -->
-		<NcAppNavigation>
+		<NcAppNavigation :class="{ 'icon-loading': loading }">
 			<template #list>
 				<NcAppNavigationItem id="app-category-your-apps"
 					:to="{ name: 'apps' }"