Fix organizer metadata overflow

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-04-26 17:27:27 +02:00
parent dc554adc8e
commit fab8ee6f05
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
2 changed files with 19 additions and 1 deletions

View file

@ -33,6 +33,7 @@ div.eventMetadataBlock {
p { p {
flex: 1; flex: 1;
overflow: hidden;
&.padding-left { &.padding-left {
padding-left: 20px; padding-left: 20px;

View file

@ -341,7 +341,10 @@
:endsOn="event.endsOn" :endsOn="event.endsOn"
/> />
</event-metadata-block> </event-metadata-block>
<event-metadata-block :title="$t('Organized by')"> <event-metadata-block
class="metadata-organized-by"
:title="$t('Organized by')"
>
<popover-actor-card <popover-actor-card
:actor="event.organizerActor" :actor="event.organizerActor"
v-if="!event.attributedTo" v-if="!event.attributedTo"
@ -1430,6 +1433,20 @@ div.sidebar {
} }
} }
::v-deep .metadata-organized-by {
.v-popover.popover .trigger {
width: 100%;
.media-content {
width: calc(100% - 32px - 1rem);
p.has-text-grey {
text-overflow: ellipsis;
overflow: hidden;
}
}
}
}
div.event-description-comments { div.event-description-comments {
min-width: 20rem; min-width: 20rem;
padding: 1rem; padding: 1rem;