diff options
| author | fenn-cs <fenn25.fn@gmail.com> | 2023-09-08 00:13:13 +0100 |
|---|---|---|
| committer | fenn-cs <fenn25.fn@gmail.com> | 2023-09-11 13:26:25 +0100 |
| commit | 8113c027d8241a4df9f0f49831e93a7f3c6ea822 (patch) | |
| tree | 9b2dac5e2afd7c355c5280a22ba20eb91a866a3f /apps/files_sharing/src | |
| parent | f2a985911778757cceadaea0114802298665220b (diff) | |
| download | nextcloud-server-8113c027d8241a4df9f0f49831e93a7f3c6ea822.tar.gz nextcloud-server-8113c027d8241a4df9f0f49831e93a7f3c6ea822.zip | |
Add icons for bundled permissions
Signed-off-by: fenn-cs <fenn25.fn@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'apps/files_sharing/src')
| -rw-r--r-- | apps/files_sharing/src/views/SharingDetailsTab.vue | 51 |
1 files changed, 29 insertions, 22 deletions
diff --git a/apps/files_sharing/src/views/SharingDetailsTab.vue b/apps/files_sharing/src/views/SharingDetailsTab.vue index a7133f93b55..7adf71ecad3 100644 --- a/apps/files_sharing/src/views/SharingDetailsTab.vue +++ b/apps/files_sharing/src/views/SharingDetailsTab.vue @@ -24,10 +24,8 @@ type="radio" button-variant-grouped="vertical" @update:checked="toggleCustomPermissions"> - {{ t('files_sharing', 'View only') }} - <template #icon> - <ViewIcon :size="20" /> - </template> + <ViewIcon :size="20" /> + <span>{{ t('files_sharing', 'View only') }}</span> </NcCheckboxRadioSwitch> <NcCheckboxRadioSwitch :button-variant="true" :checked.sync="sharingPermission" @@ -36,10 +34,8 @@ type="radio" button-variant-grouped="vertical" @update:checked="toggleCustomPermissions"> - {{ t('files_sharing', 'Allow upload and editing') }} - <template #icon> - <EditIcon :size="20" /> - </template> + <EditIcon :size="20" /> + <span>{{ t('files_sharing', 'Allow upload and editing') }}</span> </NcCheckboxRadioSwitch> <NcCheckboxRadioSwitch v-if="allowsFileDrop" :button-variant="true" @@ -49,11 +45,9 @@ type="radio" button-variant-grouped="vertical" @update:checked="toggleCustomPermissions"> - {{ t('files_sharing', 'File drop') }} + <UploadIcon :size="20" /> + <span>{{ t('files_sharing', 'File drop') }}</span> <small>{{ t('files_sharing', 'Upload only') }}</small> - <template #icon> - <UploadIcon :size="20" /> - </template> </NcCheckboxRadioSwitch> <NcCheckboxRadioSwitch :button-variant="true" :checked.sync="sharingPermission" @@ -62,11 +56,9 @@ type="radio" button-variant-grouped="vertical" @update:checked="expandCustomPermissions"> - {{ t('files_sharing', 'Custom permissions') }} + <DotsHorizontalIcon :size="20" /> + <span>{{ t('files_sharing', 'Custom permissions') }}</span> <small>{{ t('files_sharing', customPermissionsList) }}</small> - <template #icon> - <DotsHorizontalIcon :size="20" /> - </template> </NcCheckboxRadioSwitch> </div> </div> @@ -142,7 +134,8 @@ {{ t('file_sharing', 'Custom permissions') }} </NcCheckboxRadioSwitch> <section v-if="setCustomPermissions" class="custom-permissions-group"> - <NcCheckboxRadioSwitch :disabled="!allowsFileDrop && share.type === SHARE_TYPES.SHARE_TYPE_LINK" :checked.sync="hasRead"> + <NcCheckboxRadioSwitch :disabled="!allowsFileDrop && share.type === SHARE_TYPES.SHARE_TYPE_LINK" + :checked.sync="hasRead"> {{ t('file_sharing', 'Read') }} </NcCheckboxRadioSwitch> <NcCheckboxRadioSwitch v-if="isFolder" :disabled="!canSetCreate" :checked.sync="canCreate"> @@ -151,7 +144,9 @@ <NcCheckboxRadioSwitch :disabled="!canSetEdit" :checked.sync="canEdit"> {{ t('file_sharing', 'Update') }} </NcCheckboxRadioSwitch> - <NcCheckboxRadioSwitch v-if="config.isResharingAllowed && share.type !== SHARE_TYPES.SHARE_TYPE_LINK" :disabled="!canSetReshare" :checked.sync="canReshare"> + <NcCheckboxRadioSwitch v-if="config.isResharingAllowed && share.type !== SHARE_TYPES.SHARE_TYPE_LINK" + :disabled="!canSetReshare" + :checked.sync="canReshare"> {{ t('file_sharing', 'Share') }} </NcCheckboxRadioSwitch> <NcCheckboxRadioSwitch v-if="!isPublicShare" :disabled="!canSetDownload" :checked.sync="canDownload"> @@ -667,7 +662,7 @@ export default { } }, expandCustomPermissions() { - if (!this.advancedSectionAccordionExpanded) { + if (!this.advancedSectionAccordionExpanded) { this.advancedSectionAccordionExpanded = true } this.toggleCustomPermissions() @@ -951,14 +946,26 @@ export default { } ::v-deep label { - display: flex; - flex-direction: column; + flex-wrap: wrap; span { display: flex; - flex-direction: column; + + &:first-of-type { + flex: 10%; + } + + &:last-of-type { + flex: 90% + } } + + small { + padding-left: 10%; + flex-basis: 100% !important; + } + } } |