mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Fix UserStack vertical centering (no-changelog) (#7806)

Browse source 
Dropdown items in `UserStack`component are not properly vertically
aligned. That's particularly noticeable when the items are hovered:

![image](https://github.com/n8n-io/n8n/assets/2598782/c994be3d-45e9-4b89-9973-deee5a8735ba)
This commit is contained in:
Milorad FIlipović 2023-11-24 16:38:11 +01:00 committed by GitHub
parent eec2ec1ff8
commit 0ec67dabf7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/design-system/src/components/N8nUserStack/UserStack.vue
View file

@ -99,6 +99,7 @@ const menuHeight = computed(() => {
v-for="user in groupUsers" v-for="user in groupUsers"
:key="user.id" :key="user.id"
:data-test-id="`user-stack-info-${user.id}`" :data-test-id="`user-stack-info-${user.id}`"
:class="$style.userInfoContainer"
> >
<n8n-user-info <n8n-user-info
v-bind="user" v-bind="user"
@ -158,6 +159,12 @@ const menuHeight = computed(() => {
flex-direction: column; flex-direction: column;
gap: var(--spacing-2xs); gap: var(--spacing-2xs);
} }
.userInfoContainer {
display: flex;
padding-top: var(--spacing-5xs);
padding-bottom: var(--spacing-5xs);
}
</style> </style>
<style lang="scss"> <style lang="scss">