mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-01-11 12:57:29 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(editor): Make share modal content scrollable (#9025)

Browse source
This commit is contained in:
Csaba Tuncsik 2024-04-03 16:50:25 +02:00 committed by GitHub
parent 77b359ada6
commit ec9fe98a35
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
packages/editor-ui/src/components/WorkflowShareModal.ee.vue
View file

@ -1,6 +1,7 @@
<template> <template>
<Modal <Modal
width="460px" width="460px"
max-height="75%"
:title="modalTitle" :title="modalTitle"
:event-bus="modalBus" :event-bus="modalBus"
:name="WORKFLOW_SHARE_MODAL_KEY" :name="WORKFLOW_SHARE_MODAL_KEY"
@ -30,7 +31,7 @@
}) })
}} }}
</n8n-info-tip> </n8n-info-tip>
<enterprise-edition :features="[EnterpriseEditionFeature.Sharing]"> <enterprise-edition :features="[EnterpriseEditionFeature.Sharing]" :class="$style.content">
<n8n-user-select <n8n-user-select
v-if="workflowPermissions.updateSharing" v-if="workflowPermissions.updateSharing"
class="mb-s" class="mb-s"
@ -51,6 +52,7 @@
:current-user-id="currentUser.id" :current-user-id="currentUser.id"
:delete-label="$locale.baseText('workflows.shareModal.list.delete')" :delete-label="$locale.baseText('workflows.shareModal.list.delete')"
:readonly="!workflowPermissions.updateSharing" :readonly="!workflowPermissions.updateSharing"
:class="$style.usersList"
> >
<template #actions="{ user }"> <template #actions="{ user }">
<n8n-select <n8n-select
@ -486,10 +488,28 @@ export default defineComponent({
</script> </script>
<style module lang="scss"> <style module lang="scss">
.container {
display: flex;
flex-direction: column;
height: 100%;
}
.container > * { .container > * {
overflow-wrap: break-word; overflow-wrap: break-word;
} }
.content {
display: flex;
flex-direction: column;
height: 100%;
overflow-y: auto;
}
.usersList {
height: 100%;
overflow-y: auto;
}
.actionButtons { .actionButtons {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;