Skip to content

Commit

Permalink
fix(editor): Make share modal content scrollable (#9025)
Browse files Browse the repository at this point in the history
  • Loading branch information
cstuncsik authored Apr 3, 2024
1 parent 77b359a commit ec9fe98
Showing 1 changed file with 21 additions and 1 deletion.
22 changes: 21 additions & 1 deletion packages/editor-ui/src/components/WorkflowShareModal.ee.vue
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<template>
<Modal
width="460px"
max-height="75%"
:title="modalTitle"
:event-bus="modalBus"
:name="WORKFLOW_SHARE_MODAL_KEY"
Expand Down Expand Up @@ -30,7 +31,7 @@
})
}}
</n8n-info-tip>
<enterprise-edition :features="[EnterpriseEditionFeature.Sharing]">
<enterprise-edition :features="[EnterpriseEditionFeature.Sharing]" :class="$style.content">
<n8n-user-select
v-if="workflowPermissions.updateSharing"
class="mb-s"
Expand All @@ -51,6 +52,7 @@
:current-user-id="currentUser.id"
:delete-label="$locale.baseText('workflows.shareModal.list.delete')"
:readonly="!workflowPermissions.updateSharing"
:class="$style.usersList"
>
<template #actions="{ user }">
<n8n-select
Expand Down Expand Up @@ -486,10 +488,28 @@ export default defineComponent({
</script>

<style module lang="scss">
.container {
display: flex;
flex-direction: column;
height: 100%;
}
.container > * {
overflow-wrap: break-word;
}
.content {
display: flex;
flex-direction: column;
height: 100%;
overflow-y: auto;
}
.usersList {
height: 100%;
overflow-y: auto;
}
.actionButtons {
display: flex;
justify-content: flex-end;
Expand Down

0 comments on commit ec9fe98

Please sign in to comment.