fix: ellipsis
This commit is contained in:
parent
9a463c87e7
commit
a3318c8624
@ -118,4 +118,10 @@ 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;
|
||||||
}
|
}
|
@ -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)'
|
||||||
|
@ -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"
|
||||||
|
@ -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))'
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user