fixup! Migrate timezone and calendar icon

Signed-off-by: greta <[email protected]>
nextcloud · Jun 15, 2022 · 3f1fd23 · 3f1fd23
1 parent 9db1e19
commit 3f1fd23
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/components/Editor/FreeBusy/FreeBusy.vue b/src/components/Editor/FreeBusy/FreeBusy.vue
@@ -293,11 +293,6 @@ export default {
 ::v-deep .mx-input{
 	height: 38px !important;
 }
-
-::v-deep .icon-new-calendar {
-	background-color: var(--color-main-background); border: none; padding: 6px; margin-top: 17px;
-	cursor: default;
-}
 </style>
 
 <style lang="scss">

diff --git a/src/components/Shared/DatePicker.vue b/src/components/Shared/DatePicker.vue
@@ -46,10 +46,13 @@
 				@click.stop.prevent="toggleTimezonePopover"
 				@mousedown.stop.prevent="() => {}">
 				<template #icon>
-					<IconTimezone v-if="!isAllDay"
-						:size="20" />
 					<IconNewCalendar v-if="isAllDay"
 						:size="20" />
+					<IconTimezone v-if="!isAllDay && highlightTimezone"
+						class="highlighted-timezone-icon"
+						:size="20" />
+					<IconTimezone v-if="!isAllDay && !highlightTimezone"
+						:size="20" />
 				</template>
 			</Button>
 			<Popover :open.sync="showTimezonePopover"
@@ -419,4 +422,7 @@ export default {
 ::v-deep .button-vue__icon {
 		margin-top: 16px;
 }
+.highlighted-timezone-icon {
+opacity: .7;
+}
 </style>