mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-01 04:09:46 -04:00
8b84bf27e3
It looks cleaner to truncate instead. You can always see the full email address by clicking into ‘edit’.
41 lines
645 B
SCSS
41 lines
645 B
SCSS
$item-top-padding: $gutter-half;
|
|
|
|
.user-list {
|
|
|
|
@include core-19;
|
|
margin-bottom: $gutter * 1.5;
|
|
|
|
&-item {
|
|
|
|
padding: $item-top-padding 150px $gutter-half 0;
|
|
border-top: 1px solid $border-colour;
|
|
position: relative;
|
|
|
|
h3 {
|
|
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: $secondary-text-colour; // So the ellipsis is grey
|
|
|
|
.heading-small {
|
|
color: $black;
|
|
}
|
|
|
|
}
|
|
|
|
&:last-child {
|
|
border-bottom: 1px solid $border-colour;
|
|
}
|
|
|
|
}
|
|
|
|
&-edit-link {
|
|
text-align: right;
|
|
position: absolute;
|
|
top: $item-top-padding;
|
|
right: 0px;
|
|
}
|
|
|
|
}
|