fixup! feat:select existing talk roomfor convesations

nextcloud · Jan 9, 2025 · 5dfc9fa · 5dfc9fa
1 parent e0c14a6
commit 5dfc9fa
Showing 1 changed file with 19 additions and 30 deletions.
diff --git a/src/views/EditSidebar.vue b/src/views/EditSidebar.vue
@@ -82,23 +82,22 @@
 				@update-end-time="updateEndTime"
 				@update-end-timezone="updateEndTimezone"
 				@toggle-all-day="toggleAllDay" />
-			<div class="location-container">
+			<div v-if="isCreateTalkRoomButtonVisible"
+				class="property-text property-add-talk">
 				<AddTalkModal v-if="isModalOpen"
 					:conversations="talkConversations"
 					:calendar-object-instance="calendarObjectInstance"
 					@close="closeModal"
 					@update-location="updateLocation"
 					@update-description="updateDescription" />
-				<div v-if="isCreateTalkRoomButtonVisible" class="button-container">
-					<IconVideo :size="20" class="icon-left" />
-					<NcButton
-						type="tertiary"
-						class="add-talk-button"
-						:disabled="isCreateTalkRoomButtonDisabled"
-						@click="openModal">
-						{{ t('calendar','Add Talk conversation') }}
-					</NcButton>
-				</div>
+				<IconVideo :size="20"
+					class="property-text__icon property-add-talk__icon" />
+				<NcButton type="tertiary"
+					class="property-add-talk__button"
+					:disabled="isCreateTalkRoomButtonDisabled"
+					@click="openModal">
+					{{ t('calendar','Add Talk conversation') }}
+				</NcButton>
 			</div>
 			<PropertyText class="property-location"
 				:is-read-only="isReadOnly"
@@ -769,25 +768,15 @@ export default {
 	height: auto;
 	border-radius: var(--border-radius);
 }
-.location-container {
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-}
-.button-container {
-	display: flex;
-	align-items: center;
-	margin-top: 10px;
-}
-.icon-left {
-	margin-left: 3px;
-}
-.add-talk-button {
-	flex-shrink: 0;
-	margin-left: 2px;
-}
-.property-location {
-	flex-grow: 1;
+.property-add-talk {
+	&__icon {
+		padding-top: 8px !important;
+	}
+
+	&__button {
+		display: flex;
+		align-items: center;
+	}
 }
 .property-description {
 	margin-bottom: 10px;