Adjust AppNavigation to new AppNavigationItem structure

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
nextcloud · May 30, 2022 · 6fbaf61 · 6fbaf61
1 parent a36ce1e
commit 6fbaf61
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 18 deletions.
diff --git a/src/components/AppNavigation/CalendarShare.vue b/src/components/AppNavigation/CalendarShare.vue
@@ -268,22 +268,20 @@ export default {
 	}
 
 	.app-navigation-entry {
-		padding-left: 0 !important;
 
-		.avatar {
-			width: 32px;
-			height: 32px;
-			background-color: var(--color-border-dark);
-			background-size: 16px;
-		}
+		&-wrapper::v-deep {
+			.app-navigation-entry {
+				padding-left: 0 !important;
 
-		&__utils {
-			.action-checkbox__label {
-				padding-right: 0 !important;
-			}
+				&__utils {
+					.action-checkbox__label {
+						padding-right: 0 !important;
+					}
 
-			.action-checkbox__label::before {
-				margin: 4px 4px 0 !important;
+					.action-checkbox__label::before {
+						margin: 4px 4px 0 !important;
+					}
+				}
 			}
 		}
 
@@ -293,6 +291,7 @@ export default {
 			.multiselect {
 				width: 100%;
 				margin: 0;
+				padding-right: 8px !important;
 				.multiselect__tags:focus-within,
 				.multiselect__tags:hover {
 					border-color: var(--color-primary-element);

diff --git a/src/components/AppNavigation/ListItemCalendar.vue b/src/components/AppNavigation/ListItemCalendar.vue
@@ -545,19 +545,18 @@ export default {
 $color-error: #e9322d;
 
 .list::v-deep {
-	&.active .app-navigation-entry__icon-bullet > div {
+	div.active .app-navigation-entry__icon-bullet > div {
 		height: 16px;
 		width: 16px;
 		margin: -1px;
 	}
 
-	&:not(.active) > .app-navigation-entry__utils .action-item:not(.shared) {
+	> div:not(.active) > .app-navigation-entry__utils .action-item:not(.shared) {
 		display: none;
 	}
 
 	&.list--edit {
-		.app-navigation-entry__utils,
-		.app-navigation-entry-link {
+		.app-navigation-entry {
 			display: none;
 		}
 

diff --git a/src/views/AppNavigation.vue b/src/views/AppNavigation.vue
@@ -470,7 +470,7 @@ $color-error: #e9322d;
 
 .collection::v-deep {
 	&.collection--edit {
-		.app-navigation-entry-link {
+		.app-navigation-entry {
 			display: none;
 		}