diff options
| author | Christopher Ng <chrng8@gmail.com> | 2023-02-09 17:46:17 -0800 |
|---|---|---|
| committer | Christopher Ng <chrng8@gmail.com> | 2023-02-28 16:08:11 -0800 |
| commit | db5d5c1705f7e0d383fd0d639424591fa943aee9 (patch) | |
| tree | 3b31c231880624283a8dda1ade19fdebe61588c9 /apps/settings/src | |
| parent | 7c477d4028c7c80e9ff48156fa95bb76f84aec71 (diff) | |
| download | nextcloud-server-db5d5c1705f7e0d383fd0d639424591fa943aee9.tar.gz nextcloud-server-db5d5c1705f7e0d383fd0d639424591fa943aee9.zip | |
Port admin delegation selects
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Diffstat (limited to 'apps/settings/src')
| -rw-r--r-- | apps/settings/src/components/AdminDelegating.vue | 11 | ||||
| -rw-r--r-- | apps/settings/src/components/AdminDelegation/GroupSelect.vue | 16 |
2 files changed, 17 insertions, 10 deletions
diff --git a/apps/settings/src/components/AdminDelegating.vue b/apps/settings/src/components/AdminDelegating.vue index 90f42f73ab5..e61b0cb74bb 100644 --- a/apps/settings/src/components/AdminDelegating.vue +++ b/apps/settings/src/components/AdminDelegating.vue @@ -4,7 +4,7 @@ :doc-url="authorizedSettingsDocLink"> <div class="setting-list"> <div v-for="setting in availableSettings" :key="setting.class"> - <h3>{{ setting.sectionName }}</h3> + <label :for="setting.id">{{ setting.sectionName }}</label> <GroupSelect :available-groups="availableGroups" :authorized-groups="authorizedGroups" :setting="setting" /> </div> </div> @@ -32,3 +32,12 @@ export default { }, } </script> + +<style lang="scss" scoped> +label { + display: block; + font-size: 16px; + margin: 12px 0; + color: var(--color-text-light); +} +</style> diff --git a/apps/settings/src/components/AdminDelegation/GroupSelect.vue b/apps/settings/src/components/AdminDelegation/GroupSelect.vue index 52ecd6c4846..f59a41d86e6 100644 --- a/apps/settings/src/components/AdminDelegation/GroupSelect.vue +++ b/apps/settings/src/components/AdminDelegation/GroupSelect.vue @@ -1,17 +1,16 @@ <template> - <NcMultiselect v-model="selected" - class="group-multiselect" + <NcSelect :input-id="setting.id" + v-model="selected" + class="group-select" :placeholder="t('settings', 'None')" - track-by="gid" label="displayName" :options="availableGroups" - open-direction="bottom" :multiple="true" - :allow-empty="true" /> + :close-on-select="false" /> </template> <script> -import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect' +import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js' import { generateUrl } from '@nextcloud/router' import axios from '@nextcloud/axios' import { showError } from '@nextcloud/dialogs' @@ -20,7 +19,7 @@ import logger from '../../logger' export default { name: 'GroupSelect', components: { - NcMultiselect, + NcSelect, }, props: { availableGroups: { @@ -67,8 +66,7 @@ export default { </script> <style lang="scss"> -.group-multiselect { +.group-select { width: 100%; - margin-right: 0; } </style> |