diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-11-04 21:54:42 +0100 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-11-06 15:16:19 +0100 |
| commit | 755f18eecae34670d560c786903438a06f9d7fc8 (patch) | |
| tree | 9269e0f34bdbf61274d1e33b50cec25456fec64c /apps/dav/src | |
| parent | 5f7af3fbb5894d93c4f1da0963f5b38db043db42 (diff) | |
| download | nextcloud-server-755f18eecae34670d560c786903438a06f9d7fc8.tar.gz nextcloud-server-755f18eecae34670d560c786903438a06f9d7fc8.zip | |
fix(dav): Make timezone picker label a real label element
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'apps/dav/src')
| -rw-r--r-- | apps/dav/src/views/Availability.vue | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/apps/dav/src/views/Availability.vue b/apps/dav/src/views/Availability.vue index 634e33189fb..3b42df1e9df 100644 --- a/apps/dav/src/views/Availability.vue +++ b/apps/dav/src/views/Availability.vue @@ -2,11 +2,11 @@ <NcSettingsSection :name="$t('dav', 'Availability')" :description="$t('dav', 'If you configure your working hours, other users will see when you are out of office when they book a meeting.')"> <div class="time-zone"> - <strong class="time-zone__heading"> + <label :for="`vs${timeZonePickerId}__combobox`" class="time-zone__heading"> {{ $t('dav', 'Time zone:') }} - </strong> + </label> <span class="time-zone-text"> - <NcTimezonePicker v-model="timezone" /> + <NcTimezonePicker v-model="timezone" :uid="timeZonePickerId" /> </span> </div> @@ -78,6 +78,11 @@ export default { automated: loadState('dav', 'user_status_automation') === 'yes', } }, + computed: { + timeZonePickerId() { + return `tz-${(Math.random() + 1).toString(36).substring(7)}` + }, + }, async mounted() { try { const slotData = await findScheduleInboxAvailability() @@ -156,12 +161,13 @@ export default { } .time-zone { padding: 32px 12px 12px 0; - display: flex; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; &__heading { margin-right: calc(var(--default-grid-baseline) * 2); line-height: var(--default-clickable-area); + font-weight: bold; } } .grid-table { |