diff options
| author | Eduardo Morales <emoral435@gmail.com> | 2024-01-24 12:38:31 -0600 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2024-01-27 01:14:02 +0000 |
| commit | 35518bcfd6e878bd63c37d6627d2175cedf6fa21 (patch) | |
| tree | 8fc7ee70b954a30ed2140d3824615704dc2a8476 /apps | |
| parent | d1e726d363f1e066d59f9e213601f66b8794bcf2 (diff) | |
| download | nextcloud-server-35518bcfd6e878bd63c37d6627d2175cedf6fa21.tar.gz nextcloud-server-35518bcfd6e878bd63c37d6627d2175cedf6fa21.zip | |
fix: added a label element to the NcSelect in update settings
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/updatenotification/src/components/UpdateNotification.vue | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/apps/updatenotification/src/components/UpdateNotification.vue b/apps/updatenotification/src/components/UpdateNotification.vue index c5a31c7b2ba..36e9b822b19 100644 --- a/apps/updatenotification/src/components/UpdateNotification.vue +++ b/apps/updatenotification/src/components/UpdateNotification.vue @@ -131,8 +131,9 @@ <em v-html="noteDelayedStableString" /> </p> - <h4>{{ t('updatenotification', 'Notify members of the following groups about available updates:') }}</h4> <NcSelect v-model="notifyGroups" + id="notify-members-settings-select-wrapper" + :input-label="t('updatenotification', 'Notify members of the following groups about available updates:')" :options="groups" :multiple="true" label="displayname" @@ -483,9 +484,6 @@ export default { } } } - h4 { - margin-block-end: 0.7rem; - } .update-channel-selector { display: flex; align-items: center; @@ -547,5 +545,13 @@ export default { .update-menu .icon-star:focus { background-image: var(--icon-starred); } + /* override NcSelect styling so that label can have correct width */ + #notify-members-settings-select-wrapper { + width: fit-content; + + .vs__dropdown-toggle { + min-width: 100%; + } + } } </style> |