break class

This commit is contained in:
Ulf Gebhardt 2026-02-21 09:52:24 +01:00
parent 68e4d09aca
commit bcc7202592
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9

View File

@ -30,13 +30,12 @@
<div class="ds-my-small"> <div class="ds-my-small">
<!-- group name --> <!-- group name -->
<h3 <h3
class="ds-heading ds-heading-h3 ds-heading-align-center ds-heading-no-margin" class="ds-heading ds-heading-h3 ds-heading-align-center ds-heading-no-margin word-break-all"
style="word-break: break-all"
> >
{{ groupName }} {{ groupName }}
</h3> </h3>
<!-- group slug --> <!-- group slug -->
<p class="ds-text ds-text-center ds-text-soft" style="word-break: break-all"> <p class="ds-text ds-text-center ds-text-soft word-break-all">
{{ `&${groupSlug}` }} {{ `&${groupSlug}` }}
</p> </p>
<!-- group location --> <!-- group location -->
@ -163,7 +162,7 @@
</p> </p>
<div class="ds-my-xx-small"></div> <div class="ds-my-xx-small"></div>
<div class="chip" align="center"> <div class="chip" align="center">
<os-badge style="word-break: break-all">{{ group.about }}</os-badge> <os-badge class="word-break-all">{{ group.about }}</os-badge>
</div> </div>
</div> </div>
</template> </template>
@ -710,6 +709,9 @@ export default {
margin-bottom: $space-small; margin-bottom: $space-small;
} }
} }
.word-break-all {
word-break: break-all;
}
.collaps-button { .collaps-button {
align-self: flex-end; align-self: flex-end;
} }