always show the dismiss all button

Signed-off-by: szaimen <szaimen@e.mail.de> Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
nextcloud · Aug 23, 2021 · f690aed · f690aed
1 parent 7e39114
commit f690aed
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/css/styles.scss b/css/styles.scss
@@ -43,6 +43,8 @@
 	.notification-wrapper {
 		display: flex;
 		flex-direction: column;
+		margin-bottom: 44px;
+		max-height: calc(100vh - 50px * 4 - 44px) !important;
 	}
 
 	.emptycontent {
@@ -58,6 +60,10 @@
 		color: var(--color-text-maxcontrast);
 		border-top: 1px solid var(--color-border);
 		padding: 10px;
+		width: calc(100% - 10px * 2);
+		position: absolute;
+		bottom: 0px;
+		background-color: var(--color-main-background);
 
 		&:hover,
 		.icon-close {

diff --git a/src/App.vue b/src/App.vue
@@ -30,7 +30,7 @@
 							:object-type="n.object_type"
 							@remove="onRemove" />
 					</transition-group>
-					<li v-if="notifications.length > 2">
+					<li v-if="notifications.length > 0">
 						<div class="dismiss-all" @click="onDismissAll">
 							<span class="icon icon-close svg" :title="t('notifications', 'Dismiss all notifications')" /> {{ t('notifications', 'Dismiss all notifications') }}
 						</div>