diff --git a/src/styles/index.scss b/src/styles/index.scss index 1c7ee4f..4e4a638 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -118,4 +118,10 @@ nav#main__menu { } main#content { width: calc(100% - 250px); +} + +.text-ellipsis { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } \ No newline at end of file diff --git a/src/views/page-messages.pug b/src/views/page-messages.pug index df00215..bb2c8c8 100644 --- a/src/views/page-messages.pug +++ b/src/views/page-messages.pug @@ -1,4 +1,4 @@ -div.segment.lg-full.sm-full.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-xsmall.border-bottom.border-color-grey.whitespace-normal +div.segment.lg-full.sm-full.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-xsmall.border-bottom.border-color-grey.whitespace-normal.bg-color-white solid-display.labelled-avatar.small( bind-resources fields='segment1(account.picture), segment2(name, hyphen, at, username)' diff --git a/src/views/partials/admin/page-admin-circles.pug b/src/views/partials/admin/page-admin-circles.pug index edc26a7..f17df3a 100644 --- a/src/views/partials/admin/page-admin-circles.pug +++ b/src/views/partials/admin/page-admin-circles.pug @@ -74,7 +74,7 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-norma class-cell3='segment table-cell lg-third text-center' class-circle.name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline ellipsis' - class-circle.subtitle='segment lg-full sm-full' + class-circle.subtitle='segment lg-full sm-full text-ellipsis' action-leaveButton="joinButton" widget-leaveButton="hubl-admin-circle-leave-button" @@ -115,7 +115,7 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-norma class-cell3='segment table-cell lg-third text-center' class-name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline ellipsis' - class-subtitle='segment lg-full sm-full' + class-subtitle='segment lg-full sm-full text-ellipsis' widget-owner='hubl-circle-owner' widget-members="hubl-admin-circle-join-button" diff --git a/src/views/partials/admin/page-admin-projects.pug b/src/views/partials/admin/page-admin-projects.pug index 5c93ddb..43d767a 100644 --- a/src/views/partials/admin/page-admin-projects.pug +++ b/src/views/partials/admin/page-admin-projects.pug @@ -40,7 +40,7 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-mediu solid-widget(name='hubl-project-captain') template - solid-display.labelled-avatar.two-lines( + solid-display.labelled-avatar.two-lines.block( data-src='${await value}' fields='segment1(account.picture), segment2(line1(name), line2(at, username))'