ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +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;
flex-flow: column;
gap: $space-small;
--invitation-column-max-width: 75%;
}
</style>

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

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

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

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