IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(webapp): fix layout break and hidden group name appearance (#8538)

Browse Source 
Fixes long comment overflow.
There is some underlying problem with flex box and overflows. A better solution could be to use a grid, but this was the fastest I would come up with.

Fixes hidden group name appearance
This commit is contained in:
Max 2025-05-10 11:22:51 +02:00 committed by GitHub
parent ce1844e521
commit 4e4eff8dc9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
webapp/components/InviteButton/InviteButton.vue
View File

@ -114,5 +114,6 @@ export default {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
gap: $space-small; gap: $space-small;
--invitation-column-max-width: 75%;
} }
</style> </style>

1
webapp/components/_new/features/Invitations/Invitation.vue
View File

@ -131,6 +131,7 @@ export default {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
gap: $space-xx-small; gap: $space-xx-small;
max-width: var(--invitation-column-max-width, 100%);
} }
.code { .code {

4
webapp/pages/groups/edit/_id/invites.vue
View File

@ -8,8 +8,8 @@
@invalidate-invite-code="invalidateInviteCode" @invalidate-invite-code="invalidateInviteCode"
:inviteCodes="group.inviteCodes" :inviteCodes="group.inviteCodes"
:copy-message=" :copy-message="
group.type === 'hidden' group.groupType === 'hidden'
? $T('invite-codes.invite-link-message-hidden-group', { ? $t('invite-codes.invite-link-message-hidden-group', {
network: $env.NETWORK_NAME, network: $env.NETWORK_NAME,
}) })
: $t('invite-codes.invite-link-message-group', { : $t('invite-codes.invite-link-message-group', {