Merge pull request #1333 from GSA/1293-bug-team-members-with-long-names

Edited style sheet to wrap long emails that overflow the parent div
This commit is contained in:
Carlo Costino
2024-03-25 12:43:44 -04:00
committed by GitHub

View File

@@ -168,26 +168,33 @@ td.table-empty-message {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
padding: 1rem; padding: 1rem;
}
.user-list-item { .user-list-item {
@include at-media(desktop) { @include at-media(desktop) {
width: calc(50% - units(1)); width: calc(50% - units(1));
margin-bottom: 1rem; margin-bottom: 1rem;
box-sizing: border-box; box-sizing: border-box;
} }
// flex: 1 1 calc(100% - units(2)); .user-list-item-heading .live-search-relevant {
display: block;
word-wrap: break-word;
}
border: 1px solid color('gray-cool-10'); border: 1px solid color('gray-cool-10');
padding: units(2); padding: units(2);
.tick-cross-list-permissions { .tick-cross-list-permissions {
margin: units(1) 0; margin: units(1) 0;
padding-left: units(2); padding-left: units(2);
} }
.hint { .hint {
display: block; display: block;
font-size: size("body", "sm"); font-size: size("body", "sm");
font-weight: normal; font-weight: normal;
} }
} }
}
.template-list-item-without-ancestors .template-list-folder:active, .template-list-item-without-ancestors .template-list-folder:active,
.template-list-item-without-ancestors .template-list-folder:active::before, .template-list-item-without-ancestors .template-list-folder:active::before,