fix: ellipsis

This commit is contained in:
Jean-Baptiste Pasquier 2021-01-22 15:04:38 +01:00
parent 9a463c87e7
commit a3318c8624
4 changed files with 10 additions and 4 deletions

View File

@ -119,3 +119,9 @@ nav#main__menu {
main#content { main#content {
width: calc(100% - 250px); width: calc(100% - 250px);
} }
.text-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

View File

@ -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( solid-display.labelled-avatar.small(
bind-resources bind-resources
fields='segment1(account.picture), segment2(name, hyphen, at, username)' fields='segment1(account.picture), segment2(name, hyphen, at, username)'

View File

@ -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-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.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" action-leaveButton="joinButton"
widget-leaveButton="hubl-admin-circle-leave-button" 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-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-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-owner='hubl-circle-owner'
widget-members="hubl-admin-circle-join-button" widget-members="hubl-admin-circle-join-button"

View File

@ -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') solid-widget(name='hubl-project-captain')
template template
solid-display.labelled-avatar.two-lines( solid-display.labelled-avatar.two-lines.block(
data-src='${await value}' data-src='${await value}'
fields='segment1(account.picture), segment2(line1(name), line2(at, username))' fields='segment1(account.picture), segment2(line1(name), line2(at, username))'