style: update timezones

Signed-off-by: Grigory Vodyanov <[email protected]>
nextcloud · Nov 17, 2024 · 75bfae8 · 75bfae8
1 parent 05d144d
commit 75bfae8
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/components/Editor/Properties/PropertyTitleTimePicker.vue b/src/components/Editor/Properties/PropertyTitleTimePicker.vue
@@ -49,7 +49,6 @@
 					<span class="property-title-time-picker__button">
 						<IconTimezone :size="20" />
 						{{ startTimezone }}
-						<EditIcon :size="20" />
 					</span>
 				</template>
 			</NcButton>
@@ -99,7 +98,6 @@ import moment from '@nextcloud/moment'
 import DatePicker from '../../Shared/DatePicker.vue'
 import IconTimezone from 'vue-material-design-icons/Web.vue'
 import CalendarIcon from 'vue-material-design-icons/Calendar.vue'
-import EditIcon from 'vue-material-design-icons/Pencil.vue'
 import { NcCheckboxRadioSwitch, NcTimezonePicker, NcButton } from '@nextcloud/vue'
 import { mapState } from 'pinia'
 import useSettingsStore from '../../../store/settings.js'
@@ -113,7 +111,6 @@ export default {
 		NcButton,
 		NcCheckboxRadioSwitch,
 		NcTimezonePicker,
-		EditIcon,
 	},
 	props: {
 		/**
@@ -337,10 +334,10 @@ export default {
 	height: var(--default-clickable-area);
 	overflow-y: clip !important;
 	flex-grow: 2;
-	width: 210px;
 	flex-shrink: 1;
+	width: 210px;
 	margin: 0;
-	min-width: unset !important;
+	min-width: unset;
 }
 
 .property-title-time-picker__time-pickers {
@@ -400,6 +397,7 @@ export default {
 .property-title-time-picker__button {
 	display: flex;
 	gap: var(--default-grid-baseline);
+	font-weight: normal;
 }
 
 .property-title-time-picker__time-pickers--all-day {
@@ -420,5 +418,11 @@ export default {
 			flex-wrap: wrap;
 		}
 	}
+
+	:deep(.vs__dropdown-toggle), :deep(.v-select) {
+		width: unset;
+		display: flex;
+		flex-basis: 200px;
+	}
 }
 </style>