fix overlapping buttons in apps-management

Signed-off-by: szaimen <szaimen@e.mail.de> Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
nextcloud · Feb 15, 2022 · 70c8117 · 70c8117
1 parent b9a56ee
commit 70c8117
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 8 deletions.
diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss
@@ -1034,15 +1034,21 @@ span.version {
 	}
 
 	.counter {
-		padding-left: $header-height - 10px;
-		margin: 10px;
+		padding-left: $header-height;
+		padding-top: 10px;
+		width: 100%;
+		background-color: var(--color-main-background);
+		position: fixed;
+		z-index: 1;
+		height: $header-height;
 	}
 
 	&.installed {
 		.apps-list-container {
 			display: table;
 			width: 100%;
 			height: auto;
+			margin-top: $header-height;
 		}
 
 		margin-bottom: 100px;

diff --git a/apps/settings/js/vue-settings-apps-users-management.js b/apps/settings/js/vue-settings-apps-users-management.js
diff --git a/apps/settings/js/vue-settings-apps-users-management.js.map b/apps/settings/js/vue-settings-apps-users-management.js.map
diff --git a/apps/settings/js/vue-settings-apps.js b/apps/settings/js/vue-settings-apps.js
diff --git a/apps/settings/js/vue-settings-apps.js.map b/apps/settings/js/vue-settings-apps.js.map
diff --git a/apps/settings/src/components/AppList.vue b/apps/settings/src/components/AppList.vue
@@ -33,6 +33,9 @@
 						{{ t('settings', 'Update all') }}
 					</button>
 				</div>
+				<div v-if="!showUpdateAll" class="counter">
+					{{ t('settings', 'All apps are up-to-date.') }}
+				</div>
 				<transition-group name="app-list" tag="div" class="apps-list-container">
 					<AppItem v-for="app in apps"
 						:key="app.id"