fixup! Update to nextcloud/vue 8

Signed-off-by: hamza mahjoubi <hamzamahjoubi221@gmail.com>
nextcloud · Jan 11, 2024 · 0057758 · 0057758
1 parent 6c3aeaa
commit 0057758
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 13 deletions.
diff --git a/src/components/AccountSettings.vue b/src/components/AccountSettings.vue
@@ -232,9 +232,4 @@ h2 {
 .app-settings-section {
 margin-bottom: 45px;
 }
-// Fix weird modal glitches on Firefox when toggling autoresponder
-:deep(.modal-container),
-:deep(.app-settings__wrapper) {
-	position: unset !important;
-}
 </style>
diff --git a/src/components/Composer.vue b/src/components/Composer.vue
@@ -1457,7 +1457,7 @@ export default {
 			width: 100%;
 		}
 		.v-select{
-			flex-grow: 0.8;
+			flex-grow: 0.95;
 		}
 	}
 

diff --git a/src/components/Envelope.vue b/src/components/Envelope.vue
@@ -918,9 +918,21 @@ export default {
 .list-item-style:not(.seen) {
 	font-weight: bold;
 }
-.list-item-style.selected {
-	background-color: var(--color-background-dark);
+.list-item__wrapper--active:deep() {
+  .list-item {
+	background-color: var(--color-primary-element-light);
+  }
+  .list-item:hover {
+	background-color: var(--color-background-hover);
+  }
+  .button-vue--vue-primary{
+	background-color: var(--color-background-hover);
+  }
+  .button-vue--vue-primary:hover{
+	background-color: var(--color-background-hover);
+  }
 }
+
 .list-item-style {
 	.draft {
 		line-height: 130%;

diff --git a/src/components/EventModal.vue b/src/components/EventModal.vue
@@ -35,10 +35,10 @@
 			<NcSelect v-model="selectedCalendar"
 				label="displayname"
 				:options="calendars">
-				<template #option="{option}">
+				<template #option="option">
 					<CalendarPickerOption v-bind="option" />
 				</template>
-				<template #singleLabel="{option}">
+				<template #singleLabel="option">
 					<CalendarPickerOption :display-icon="true"
 						v-bind="option" />
 				</template>

diff --git a/src/components/RecipientListItem.vue b/src/components/RecipientListItem.vue
@@ -38,7 +38,7 @@ export default {
 	.multiselect__tags
 	.multiselect__tags-wrap
 	.multiselect__tag--recipient {
-	padding: 0;
+	padding: 0 ;
 	border-radius: 25px;
 	border-color: transparent;
 	background-color: var(--color-background-dark);
@@ -49,6 +49,9 @@ export default {
 		margin-left: 0
 	}
 }
+.vs__selected{
+	padding: 0 !important;
+}
 .multiselect__tag--recipient .action-item--single {
 	width: auto;
 	min-width: 24px;

diff --git a/src/components/TaskModal.vue b/src/components/TaskModal.vue
@@ -40,10 +40,10 @@
 				:placeholder="t('mail', 'Select calendar')"
 				:allow-empty="false"
 				:options="calendars">
-				<template #option="{option}">
+				<template #option="option">
 					<CalendarPickerOption v-bind="option" />
 				</template>
-				<template #singleLabel="{option}">
+				<template #singleLabel="option">
 					<CalendarPickerOption :display-icon="option.displayIcon"
 						v-bind="option" />
 				</template>